html {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

body {
	background: #e6e6e6;
	margin: 0px;
}

#pagewrap {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-width: 609px;
}

a:link, a:active, a:visited {
	color: #2337aa;
	text-decoration: none;
}

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

img {
	border: 0px;
}

#divcol1 {
  float: left;
  width: 45%
}
#divcol2 {
  float: right;
  width: 50%;  
}

#userIndexWrap {
	width: 100%;
}

#userIndexMenu {
	float: left;
	width: 200px;
}

#userIndexDashboard {
	float: left;
	margin-left: 10px;
}

.clearboth {
	clear: both;
	line-height: 1px;
	padding: 0px;
	margin: 0px;
	font-size: 1px;
}

.flexbreak {
	flex-basis: 100%;
	height: 0;
}

.mask {
	position: absolute;
	opacity: 0.80;
	filter:alpha(opacity=80); /* IE 6-7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
	zIndex: 900;
	background: #000;
}

.pointy {
	cursor: pointer !important;
}

#headerwrap {
	background: url('/style/2023/header_bg.png') repeat-x;
	height: 150px;
	width: 100%;
	min-width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

#headerwrap p {
	margin: 0 0 10px 0;
	padding: 0px;
	text-align: right;
}


#headerwrap a {
	margin-right: 0px;
	margin-left: 15px;
}

#headerwrap ul {
	float: right;
	list-style: none;
	margin: 0 5px 8px 0;
}

#headerwrap li {
	margin: 0 5px 0 10px;
	float: left;
}

#headerwrap a:link, #headerwrap a:active, #headerwrap a:visited {
	color: #8b1414;
	text-decoration: none;
}

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

#header_l {
	background: url('/style/2025/brc_lims@2x.png') no-repeat;
	background-size: 100%;
	background-position: 0px 10px;
	width: 400px;
	float: left;
	height: 34px;
	font-size: 1.0em;
	font-weight: bold;
	padding-top: 95px;
	padding-left: 0px;
	margin-left: 15px;
	text-align: left;
}

#header_l a {
	float: none;
	margin: 0px;
}

#header_menu {
	text-align: right;
	padding-right: 20px;
}

#pagetitle {
	text-align: center;
	font-weight: bold;
	color: #8b1414;
	font-size: 1.4em;
	margin-top: -24px;
	margin-bottom: 5px;
	min-width: 900px;
	background-color: rgba(139, 20, 20, 0.06);
	border-bottom: 1px solid rgba(139, 20, 20, 0.09);
	padding: 14px 0 14px 0;
}

#submenu {
	background-color: rgba(139, 20, 20, 0.09);
	border-bottom: 1px solid rgba(139, 20, 20, 0.09);
	margin: -10px -20px 10px -20px;
	padding: 5px 20px 5px 20px;
}

#submenu a {
	font-weight: bold;
	margin-right: 15px;
	color: #8b1414;
}

#main {
	background-color: transparent;
	padding: 0;
	margin-top: 10px;
	clear: both;
	min-width: 868px;
}

#maincontent {
	margin: 0 20px 0 20px;
	min-height: 500px;
}

#maincontent h1 {
	font-size: 1.5em;
	color: #771313;
	text-align: center;
}

#maincontent h2 {
	font-size: 1.3em;
	color: #771313;
}

#maincontent h3 {
	font-size: 1.1em;
	color: #771313;
	margin-bottom: 0.7em;
}

#maincontent fieldset > h3 {
	margin-block-start: 0;
}

#maincontent fieldset > p {
	margin-block-start: 0;
	margin-block-end: 0.5em;
}

#maincontent ul {
	list-style-type: square;
	margin-top: 5px;
}

#maincontent li {
	margin-bottom: 8px;
}

#maincontent .highlight {
	color: #771313;
}

#footer {
	border-top: 1px solid #dadada;
	background-color: #e5e5e5;
	font-size: 0.6em;
	margin: 10px 0 0 0;
	padding: 10px 10px 14px 10px;
}

.tip-wrap {
	background-color: rgba(0,0,0,0.85);
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 400px;
	z-index: 13000;
}

.tip {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	width: 400px;
}
 
.tip-title {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
}
 
.tip-text {
	font-size: 12px;
	padding: 4px 8px 8px;
}

.styledForm fieldset.errors {
	background: #f9e5e5;
}

fieldset.errors legend {
	color: red;
}

.error {
	color: red;
	font-weight: bold;
}

a.error {
	color: red;
}

.warn {
	color: #da5100;
	font-weight: bold;
}

.success {
	color: green;
	font-weight: bold;
}

legend {
	font-weight: bold;
	color: #771313;
	font-size: 1.3em;
}

fieldset {
	border: 2px solid #CCCCCC;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #f4f4f4;
}

fieldset.alt {
	background-color: #f7f7f7;
}

input.popup {
	width: 15px;
	height: 11px;
	border: 0;
	margin: 0 5px 0 5px;
	background: url('/images/popicon.gif') no-repeat;
	cursor: pointer;
	color: transparent;
}

/* Manage Account */

#instDeptPI {
	position: relative;
	border: 2px solid transparent;
	margin: 0 0 0 -3px;
	width: 100%;
}
#instDeptPI:hover {
	border: 2px dotted navy;
	
}
#instDeptPINote {
	display: none;
	color: #888;
	position: absolute;
	left: 5px;
	bottom: 0;
}

/* Invoice Page */

#invoice, #quote {
}

#invoice h2, #quote h2 {
	text-align: center;
	margin-bottom: 0px;
}

#invoice .summary, #quote .summary {
	margin-top: 10px;
}

#invoice .hr, #quote .hr {
	width: 95%;
	margin: 10px auto 10px auto;
	line-height: 1px;
	font-size: 1px;
	border-top: 1px solid #bbb;
}

#invoice b, #quote b {
	color: #001e60;
}

#invoice .hover, #quote .hover {
	border: none;
	margin: 4px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
}

#invoice .hover:hover, #quote .hover:hover {
	border: 2px dotted navy;
	margin: 0px -8px -4px -8px;
	padding: 4px 6px 4px 6px;
}

#invoice .green, #quote .green {
	color: #004f08;
	background-color: #caeed1;
	padding: 2px;
	line-height: 22px;
}                   

#invoice .gray, #quote .gray {
	color: #3f3c3e;
	background-color: #e3e1e4;
	padding: 2px;
	line-height: 22px;
}                   

#invoice .red, #quote .red {
	color: #4f0003;
	background-color: #eedddd;
	padding: 2px;
	line-height: 22px;
}

#invoice .blue, #quote .blue {
	color: #000245;
	background-color: #dedeee;
	padding: 2px;
	line-height: 22px;
}

#invoice .inactive, #quote .inactive {
	color: #777;
}

#addressModal, #paymentModal {
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -350px;
	display: none;
	width: 700px;
	height: 300px;
	background-color: #ddd;
	z-index: 999;
	border: 5px solid black;
	padding: 5px;
}

#addressModal label, #paymentModal label {
	float: left;
	font-weight: bold;
	clear: both;
}

#editAccountNumber {
	margin-top:5px;
	font-weight: bold;
}

.acctDescription {
	position: absolute;
	margin-top: -15px;
	color: #888;
	font-size:12px;
}

.invPayNumTitle {
	float: left;
	color: 000;
	font-size:14px;
	padding-top:16px;
}
.invPayNumField {
	float: left;
	margin-left: 5px;
	color: #888;
	font-size:12px;
}

#editStoreit {
	margin-top: 10px;
}

#schedule_lightface {
	padding: 0;
	margin: 0px;
	background-color: #eee;
}

/* FORMS */

#newpaymentform {

}

#newpaymentform legend {
	font-weight: bold;
	color: #771313;
	font-size: 1.3em;
}

#newpaymentform fieldset {
	margin-bottom: 10px;
}

#newpaymentform label {
	clear: left;
	float: left;
	width: 200px;
	margin-right: 10px;
	text-align: right;
	margin-bottom: 5px;
}

#newpaymentform input, #newpaymentform select {
	margin-bottom: 5px;
}

#newpaymentform .staticvalue {
	margin-bottom: 5px;
}

#newUserForm .wrap {
	width: 700px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 10px;
}

#newUserForm legend {
	font-size: 1.2em;
	font-weight: bold;
	color: #172676;
}

#newUserForm fieldset {
	border: 2px solid #CCCCCC;
	text-align:left;
}

#newUserForm label {
	display: block;
	float: left;
	width: 200px;
	text-align: right;
	margin-right: 10px;
}

/*TABLES*/

table {
	border-collapse: collapse;
}

th {
	font-weight: bold;
	color: #771313;
	background-color: #dcdcdc;
	border: 2px solid #EFEFEF;
	padding: 4px 15px 4px 15px;
}

th.small {
	font-size: 10px;
}

th a {
	color: #771313 !important;
	text-decoration: none !important;
}

td {
	padding: 2px 6px 2px 6px;
	border: 2px solid #f1f1f1;
	border-spacing: 0px;
}

tr {
	background-color: #ededed;
}

tr.green {
	background-color: #ddefde;
}

td.green {
	background-color: #ddefde;
}

td.currency {
	text-align: right;
	font-family: monospace;
}

td.nopadding {
	padding: 0;
	margin: 0;
}

td.aligntop {
	vertical-align: top;
}

td.zebra {
	background-color: #dfdfdf;
}

fieldset table tr {
	background-color: #e7e7e7;
}

fieldset table th {
	border: 2px solid #EAEAEA;
}

fieldset table td {
	border: 2px solid #f4f4f4;
}

tr.odd {
	background-color: #d7e0e9;
}

tr.even {
	background-color: #DADAE5;
}

tr.hoverable:hover {
	background-color: #bddaf0;
}

th.row_deleted {
	background-color: #f9a1a1 !important;
}
tr.row_deleted {
	background-color: #f9a1a1 !important;
}
td.row_deleted {
	background-color: #f9a1a1 !important;
}

table.login {
	width: 300px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

table.centered { text-align:center; margin-left:auto; margin-right:auto; border: none }
th.th1 { background-color: #CCCCCC; font-size: 14px; font-weight: bold; padding-left: 3px; padding-right: 3px;}
th.th2 { background-color: #DDDDED; color: #000099; font-size: 14px; font-weight: bold; padding-left: 3px; padding-right: 3px; text-align:center;}
td.td0 { background-color: #E8E8E8; padding-left: 3px; padding-right: 3px; }
td.hover0 { background-color: #EE82EE; padding-left: 3px; padding-right: 3px; }
td.td1 { background-color: #D7E0E9; padding-left: 3px; padding-right: 3px; }
td.hover1 { background-color: #EE82EE; padding-left: 3px; padding-right: 3px; }
td.td2 { background-color: #CCCCDC; padding-left: 3px; padding-right: 3px; text-align:center;}
td.td3 { background-color: #CCCCDC; padding-left: 3px; padding-right: 3px; text-align:left;}
td.right { background-color: #CCCCDC; padding-left: 3px; padding-right: 3px; text-align:right;}
td.left { background-color: #CCCCDC; padding-left: 3px; padding-right: 3px; text-align:left;}
td.invisible { border: none; padding-left: 10px; padding-right: 10px; }
td.oddodd { background-color: #CCCCCC; padding-left: 3px; padding-right: 3px;}
td.oddeven { background-color: #CCCCDC; padding-left: 3px; padding-right: 3px;}
td.evenodd { background-color: #DDDDDD; padding-left: 3px; padding-right: 3px;}
td.eveneven { background-color: #DDDDED; padding-left: 3px; padding-right: 3px;}

.table-tr-odd {
	background-color: #d8dfe5;
}

.table-tr-selected {
	background-color: #bfd9f3;
}

.table-tr-hovered {
	background-color: #d5e4f2;
}

.table-th-sort {
	background-color: #CCEECC;
}

.table-th-sort-rev {
	background-color: #EECCCC;
}

.table-tr-paid {
	background-color: #d3ebcd;
}

.table-tr-error {
	background-color: #fbd0d0;
}

.table-sortable th {
	cursor: pointer;
}

th.q20heatmap {
	border: 4px solid #EFEFEF;
	text-align: center;
}

td.q20heatmapOrderOdd {
	border: 3px solid #00FFFF;
	text-align: center;
}

td.q20heatmapOrderEven {
	border: 4px solid #FF00FF;
	text-align: center;
}

td.q20heatmapControl {
	border: 6px solid #00FF00;
	text-align: center;
}

td.q20heatmapNoSample {
	border: 4px solid #EFEFEF;
	text-align: center;
}

.orderRow {
	border-top: 2px solid #999;
}

.editableCell, .editableCellTextarea {
	color: #380560;
	cursor: pointer;
}

.removeFromPool, .approveSample {
	cursor: pointer;
}

/*some generic classes*/
.center { text-align: center; }
.centered { text-align: center; }
.invalid { background-color: red; }
.bold { font-weight: bold; }
.alert { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: red;}
.noalert {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: green;}
.left {text-align:left;}
/* this is for news */
.news { margin-left: auto; margin-right: auto; text-align:center; font-size: 14px; font-weight: normal; color: #000000; width: 600px;}
.newsheader {font-size: 16px; font-weight: bold; color: #000099; margin-top: 25px; margin-bottom: 10px;}
.newsitem {
	background: url('/images/bluetri.gif') 0 2px no-repeat;
	text-align: left;
	padding: 0 0 10px 16px;
}

.label {
	font-weight: bold;
	text-align: right;
	margin-top: 3px;
	margin-right: 8px;
	float: left;
	clear: left;
}

.formItem {
	margin-top: 3px;
}

.floatingColumn {
	float: left;
	border-left: 1px solid #CCC;
	margin-left: 20px;
	padding-left: 20px;
}

.floatLeft {
	float: left;
}

#headerErrors {
	border: 2px solid red;
	background-color: rgb(255, 243, 243);
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: red;
	margin: 10px 20px 20px 20px;
	display: none;
}

#headerErrors legend {
	color: red;
	font-size: 16px;
	margin: 10px 10px 0 10px;
}

#headerNotice {
	border: 2px solid #1f7500;
	background-color: rgb(240, 255, 240);
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #1f7500;
	margin: 10px 20px 20px 20px;
	display: none;
}

#headerNotice legend {
	color: #1f7500;
	font-size: 16px;
	margin: 10px 10px 0 10px;
}

#headerErrors ul, #headerNotice ul {
	margin: 0;
}

#headerErrors li, #headerNotice li {
	list-style-position: outside;
}

/**************/	
/* SCHEDULING */

.month_hilight {
    background-color: #DDD;
}

.month_hilight_selectedweek {
    background-color: #CCC;
}

a.monthlink:link, a.monthlink:visited, a.monthlink:active, a.monthlink:hover {
    text-decoration: none;
    color: #222;
    display: block;
    height:100%;
}

a.extradays:link, a.extradays:visited, a.extradays:active, a.extradays:hover {
    color: #AAA;
}

a.monthtoday:link, a.monthtoday:visited, a.monthtoday:active, a.monthtoday:hover {
    background-color: #FFF;
    color: #000;
	font-weight: bold;
}

#monthly {
	padding-right: 20px;
	float: left;
}

#monthly table {
    font-family: "Trebuchet MS", Geneva, sans-serif;
    font-size: 10px;
    border-collapse: collapse;
}

#monthly th {
    background-color: #DDDDDD;
	color: #771313;
	font-size: 12px;
	padding: 1px;
    border: 1px solid #999999;
}

#monthly th a:link, #monthly th a:visited, #monthly th a:active {
	color: #000;
	text-decoration: none;
}

#monthly th a:hover {
	color: #af0000;
	text-decoration: none;
}

#monthly td {
    border: 1px solid #BBBBBB;
	vertical-align: top;
	width: 35px;
	height: 40px;
	padding: 1px;
}

a.weekclick:link, a.weekclick:visited, a.weekclick:active, a.weekclick:hover {
    display: block;
    width: 100%;
    line-height: 12px;
    text-decoration: none;
    color: white;
}

a.weekclick:hover {
    background-color: white;
}

.past {
    background-color: #CCC !important;
    line-height: 12px;
}

.maintenance {
    background-color: #ca8b8b !important;
    line-height: 12px;
}

.sort1 {
	background-color: #ffa463 !important;
}

.sort2 {
	background-color: #d3844b !important;
}

.analysis1 {
	background-color: #909eff !important;
}

.analysis2 {
	background-color: #717fd9 !important;
}

.sortanalysis1 {
	background-color: #70e68c !important;
}

.sortanalysis2 {
	background-color: #52ad67 !important;
}

.selfbooked1 {
    background-color: #564b9e !important;
    line-height: 8px;
}

.selfbooked2 {
    background-color: #281d75 !important;
    line-height: 8px;
}

.selfbooked1_past {
    background-color: #85abaf !important;
    line-height: 8px;
}

.selfbooked2_past {
    background-color: #92bac0 !important;
    line-height: 8px;
}

.booked1 {
    background-color: #4b9e80 !important;
    line-height: 8px;
}

.booked2 {
    background-color: #35775f !important;
    line-height: 8px;
}

.booked1_past, .hts1_past {
    background-color: #777 !important;
    line-height: 8px;
}

.booked2_past, .hts2_past {
    background-color: #999 !important;
    line-height: 8px;
}

.hts1 {
	background-color: #6e27a4 !important;
	line-height: 8px;
}

.hts2 {
	background-color: #8f63b0 !important;
	line-height: 8px;
}

.weekly {
	float: left;
}

div.weekly table {
    border-right: solid 1px #BBB;
    border-bottom: solid 1px #BBB;
    border: 1px solid #BBBBBB;
    font-family: "Trebuchet MS", Geneva, sans-serif;
    font-size: 11px;
    padding-left: 15px;
    border-collapse: collapse;
}

div.weekly td {
    border: solid 1px #DDDDDD;
    font-size: 7px;
	padding: 0px;
}

div.weekly td.hour {
	border-bottom-color: #BBB;
}

div.weekly th {
    vertical-align: top;
    border: solid 1px #BBBBBB;
    padding: 2px;
    width: 50px;
    background-color: #DDDDDD;
}

div.weekly td.nonoperating {
	background-color: #DDDDDD;
}

#appointmentForm input[type=button] {
	margin-right: 10px;
}

.flowFormSummary {
	border: 1px solid #dfcfb5;
	background-color: #f3e2c6;
	padding: 5px;
}

.flowFormSummary > div {
	background-color: #fcf5e8;
	margin-right: 6px;
	white-space: nowrap;
	padding: 2px;
	display: inline-block;
	margin-bottom: 4px;
}

.flowFormSummary > h3 {
	margin: 0 0 4px 0 !important;
	font-size: 14px !important;
}

/* Sample Fields */

#sampleFields fieldset {
	margin-bottom: 8px;
	border: 2px solid #CCCCCC;
}

#sampleFields p {
	margin: 4px;
}

#sampleFields textarea {
	width: 400px;
	height: 50px;
}

#sampleFields .label {
	font-weight: bold;
	text-align: right;
	width: 200px;
	margin-top: 3px;
	margin-right: 8px;
	float: left;
	clear: left;
	margin-top: 3px;
}

#sampleFields .formItem {
	margin-top: 3px;
}

#sampleFields legend {
	color: #000000;
}

#sampleFields .sampleActive {
	background: #dcf0da;
	color: #000000;
	border: 2px solid #999999;
}

#sampleFields .sampleInactive {
	background: #dbdada;
	color: #999999;
	border: 2px solid #CCCCCC;
}

#sampleFields .sampleInactive select {
	border: 1px solid #999999;
	color: #999999;
}

/* START WORKFLOW CLASSES */

.workflowOrders h3 img { margin-right: 5px; }
.workflowOrders .expanded img.expandBtn { display: none; }
.workflowOrders .expanded img.collapseBtn { display: inline; }
.workflowOrders .collapsed img.expandBtn { display: inline; }
.workflowOrders .collapsed img.collapseBtn { display: none; }
.workflowOrders table {
	margin-left: 16px;
	border-collapse: collapse; }
.workflowOrders thead th { text-align: left; }
.workflowOrders thead th img { vertical-align: text-top; }
.workflowOrders tr.order { font-style: italic; }
.workflowOrders tr.odd { background: #dadada; }
.workflowOrders tr.expanded { font-weight: bold; }
.workflowOrders tr.done { color: #080; }
.workflowOrders tr.done img { visibility: hidden; }
.workflowOrders td.sampleName {	padding-left: 1em; }

/* END WORKFLOW CLASSES */

/* START RESULTS CLASSES */
.resultsOrders .expanded img.expandBtn { display: none; }
.resultsOrders .expanded img.collapseBtn { display: inline; }
.resultsOrders .collapsed img.expandBtn { display: inline; }
.resultsOrders .collapsed img.collapseBtn { display: none; }
/* END RESULTS CLASSES */

.small {
	font-size: 12px;
}

#batchWarnings {
	font-size: 12px;
	color: #771313;
	background-color: #DDDDDD;
	border: 2px solid #CCCCCC;
}

#batchWarnings ul {
	padding-left: 25px;
	padding-top: 10px;
}

/* MooTools Validation */
.validation-failed {
border: 1px solid #f00;
}
.validation-passed {
border: 1px solid green;
}
.validation-advice {
margin: 2px; padding: 2px; color:#fff; background-color:#f00;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px; padding: 2px; color:#fff; background-color:#bbb;
}

label.overTxtLabel {
	font-weight: bold;
	font-family: arial, helvetica, "Trebuchet MS";
	font-size: 12px;
	color: #999;
}

/* Start new PCI Billing Form Styles */
#billingFormPCI form {
	font-size: 12px;
	padding: 20px;
	border: 1px solid #A5A8B8;
}

#billingFormPCI fieldset {
	margin-top: 10px;
	padding : 15px;
	border: 1px solid #B5B8C8;
	background: #EAEAEA;

}

#billingFormPCI legend {
	font-size: 14px;
	color: #15428B;
	font-weight: bold;
}

#billingFormPCI fieldset label {
	float: none;
	text-align: inherit;
	width: auto;
}

#billingFormPCI label {
	display: block;
	color: #000;
	font-size: 12px;
	cursor: pointer;
}

#billingFormPCI .pseudolabel {
	color: #000;
	font-size: 12px;
}

#billingFormPCI input, #billingFormPCI select, #billingFormPCI textarea {
	display : block;
	margin-bottom: 5px;
}

#billingFormPCI .noblock {
	display: inline;
}

#billingFormPCI .nowrap {
	display: inline;
}

#billingFormPCI .text-input {
	color: #555;
	padding: 2px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-top: 4px;
	background: #FFF url('/images/text-bg.gif') repeat-x;
}

#billingFormPCI .info {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
	border:1px solid #B5B8C8;
}

#billingFormPCI .checkbox {
	display: inline;
}

#billingFormPCI .button {
	text-align: right;
	margin-top: 20px;
}

#billingFormPCI .oneline {
	display: block;
	margin-bottom: 10px;
}

#billingFormPCI .radio {
	display: inline;
}

#billingFormPCI .selectPaymentClass {
	font-size: 12px;
	float: left;
	padding: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	background-color: #DEDEDE;
	border: 1px solid #B5B8C8;
}

#billingFormPCI .selected {
	background-color: #f3e2c6;
}

#billingFormPCI .newAddress {
	float: left;
	padding: 0px 10px 0px 10px;
	margin: 10px;
	border-left: 1px solid #B5B8C8;
}

#billingFormPCI label.overTxtLabel {
	font-weight: bold;
	font-size: 12px;
	color: #999;
}

#billingFormPCI #newShippingAddressFields {
	display: block;
}

#billingFormPCI #newBillingInfo {
	display: none;
}

#billingFormPCI #pciRedirect {
	display: none;
}

#billingFormPCI .newBillingSubmit {
	clear: left;
	padding-top: 10px;
}

#newCornellAccount {
	display: none;
}

#billingFormPCI .cuacct, #newpaymentform .cuacct, #editPayment .cuacct {
	text-transform: uppercase;
}

#billingSummary .segment {
	color: black;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #ded0b8;
}

#billingSummary .segment h3 {
	font-weight: bold;
	font-size: 12px;
	color: navy;
	margin-top: 0px;
}

#billingInfo .segment {
	color: black;
	float: left;
	margin-right: 20px;
	margin-bottom: 0px;
	padding: 10px;
}

#billingInfo .segment h3 {
	font-weight: bold;
	font-size: 12px;
	color: navy;
	margin-top: 0px;
}

#newpaymentform label.overTxtLabel {
	text-align:left;
}

#editAccountNumber label.overTxtLabel {
	margin-top:-4px;
	margin-left:-4px;
}

/* End new PCI Billing Form Styles */

/* Styles for ported billing page */
.infocontainer {
    position: relative;
    text-align: center;
    background-color: #FFFFFF;
    padding: 5px;
     width: 780px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border: solid #3e5374 2px;
}

.infoheader {
    text-align: center;
    color: #3e5374;
    font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding-bottom: 10px;
    padding-top: 5px;
}

.infosubheader {
    text-align: center;
    color: #3e5374;
    font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding-bottom: 8px;
    margin-top: -5px;
}

.infoleftcontainer {
    width: 320px;
    text-align: left;
    float: left;
}

.inforightcontainer {
    width: 440px;
    text-align: left;
    margin-left: 320px;
}

.infofullcontainer {
    width: 100%;
    text-align: left;
    clear: both;
}

.infoleftcontainer2 {
    width: 380px;
    text-align: left;
    float: left;
}

.inforightcontainer2 {
    width: 380px;
    text-align: left;
    margin-left: 380px;
}

.infoclass {
    font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    float: left;
    text-align: right;
    width: 122px;
    padding-right: 4px;
}

.infodata {
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #29374d;
    padding-left: 130px;
    padding-bottom: 6px;
}

.infopadding {
	margin-top: 10px;
}

.lidesc {
    font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    float: left;
    text-align: right;
    width: 400px;
    padding-right: 4px;
}

.liprice {
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #29374d;
    padding-left: 400px;
    padding-bottom: 6px;
}
/* End styles for ported billing page */

/* User Dashboard styles */
#dashboard ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#dashboard li {
	float: left;
	border: 2px solid #AAA;
	border-bottom: none;
	margin-bottom: 0;
}

#dashboardContent {
	padding: 0;
	margin-top: 0;
	clear: left;
}

#dashboardContent table {
	padding: 0;
	margin-top: 0;
	border: 2px solid #999;
	width: 100%;
}

#dashboardContent td, #dashboardContent th {
	border: 1px solid #CCC;
	padding: 5px;
}

.dashboardUnselectedTab {
	background-color: #DDD;
	font-weight: normal;
	margin: 4px 0 0 5px;
	padding: 4px 10px 4px 10px;
}

.dashboardSelectedTab {
	background-color: white;
	font-weight: bold;
	margin: 0 0 0 5px;
	padding: 5px 10px 7px 10px;
}
/* End user dashboard styles */

/* Progress bars styles */
	.progress {
		position: relative;
		font-size: 12px;
		width: 100%;
		height: 30px;
		margin:0;
		padding:0;
		overflow: hidden;
	}
	
	.progrel {
		position:relative;
	}
	
	.progress_start {
		float:left;
		height: 30px;
		width: 5px;
		background: url('/images/progress_start_off.png') no-repeat;
	}

	.progress_start_on {
		float:left;
		height: 30px;
		width: 5px;
		background: url('/images/progress_start_on.png') no-repeat;
	}
	
	.progress_mid {
		float:left;
		height: 30px;
		background: url('/images/progress_mid_off.png') repeat-x;
		padding:0;
		white-space: nowrap;
		overflow: hidden;
	}

	.progress_mid_on {
		float:left;
		height: 30px;
		background: url('/images/progress_mid_on.png') repeat-x;
		padding:0;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.progress_mid p, .progress_mid_on p {
		margin: 0;
		padding: 8px 5px 0 5px;
	}
	
	.progress_mid_fade {
		position: absolute;
		right:0;
		top:0;
		padding: 0;
		height: 30px;
		width: 30px;
		background: url('/images/progress_mid_off_fade.png') no-repeat;
	}

	.progress_mid_on_fade {
		position:absolute;
		right: 0;
		top: 0;
		padding: 0;
		height: 30px;
		width: 30px;
		background: url('/images/progress_mid_on_fade.png') no-repeat;
	}
	
	.progress_trans_off_off {
		float:left;
		height: 30px;
		width: 16px;
		background: url('/images/progress_trans_off_off.png') no-repeat;
	}

	.progress_trans_off_on {
		float:left;
		height: 30px;
		width: 16px;
		background: url('/images/progress_trans_off_on.png') no-repeat;
	}

	.progress_trans_on_off {
		float:left;
		height: 30px;
		width: 16px;
		background: url('/images/progress_trans_on_off.png') no-repeat;
	}
	
	.progress_trans_on_on {
		float:left;
		height: 30px;
		width: 16px;
		background: url('/images/progress_trans_on_on.png') no-repeat;
	}

	.progress_end {
		float:left;
		height: 30px;
		width: 5px;
		background: url('/images/progress_end_off.png') no-repeat;
	}
	
	.progress_end_on {
		float:left;
		height: 30px;
		width: 5px;
		background: url('/images/progress_end_on.png') no-repeat;
	}
	
	.smallprogress {
		padding-left: 4px;
		padding-right: 4px;
		height: 14px;
	}
	
	.smallprogress_mid {
		position: relative;
		float: left;
		height: 14px;
		width: 100%;
	}
	
	.smallprogress_start_on {
		position: relative;
		float: left;
		width: 4px;
		right: 3px;
		margin-left: -100%;
		height: 14px;
		background: url('/images/small_progress_start_on.png') no-repeat;
	}

	.smallprogress_start_off {
		position: relative;
		float: left;
		width: 4px;
		right: 3px;
		margin-left: -100%;
		height: 14px;
		background: url('/images/small_progress_start_off.png') no-repeat;
	}
	
	.smallprogress_mid_on {
		position: relative;
		float: left;
		height: 14px;
		background: url('/images/small_progress_mid_on.png') repeat-x;
	}

	.smallprogress_mid_off {
		position: relative;
		float: left;
		height: 14px;
		background: url('/images/small_progress_mid_off.png') repeat-x;
	}

	.smallprogress_end_on {
		position: relative;
		float: left;
		width: 4px;
		margin-right: -4px;
		height: 14px;
		background: url('/images/small_progress_end_on.png') no-repeat;
	}

	.smallprogress_end_off {
		position: relative;
		float: left;
		width: 4px;
		margin-right: -4px;
		height: 14px;
		background: url('/images/small_progress_end_off.png') no-repeat;
	}
	
	/*** IE6 fix ***/
	* html .smallprogress_start_on {
		left: 4px;
	}

	* html .smallprogress_start_off {
		left: 4px;
	}
/* End progress bars styles */

/* Custom form elements used in generic order form */

.styledForm fieldset {
	margin-top: 10px;
	padding : 15px;
	border: 1px solid #B5B8C8;
	background: #f4f4f4;

}

.styledForm fieldset.alt {
	background-color: #fafafa;
}

.styledForm fieldset.alt2 {
	background-color: #ffffff;
}

.styledForm legend {
	font-size: 16px;
	color: #15428B;
	font-weight: bold;
}

.styledForm fieldset label {
	float: none;
	text-align: inherit;
	width: auto;
}

.styledForm label {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	cursor: pointer;
	float: left;
	display: inline-block;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	padding: 10px;
	margin-right: 10px;
	margin-top: 0;
	margin-bottom: 5px;
	background-color: #DEDEDE;
	border: 1px solid #B5B8C8;
}

.styledForm input, .styledForm select, .styledForm textarea {
	margin-bottom: 5px;
}

.noblock {
	display: inline;
}

.nowrap {
	display: inline;
	white-space: nowrap;
}

.nowrap2 {
	white-space: nowrap;
}

.styledFormInput {
	color: #555;
	padding: 2px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-top: 4px;
	background: #FFF url('/images/text-bg.gif') repeat-x;
}

.styledFormInfo {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
	border:1px solid #B5B8C8;
}

.styledForm input[type=checkbox] {
	display: inline;
}

.styledForm input[type=button] {
	text-align: right;
	margin-top: 20px;
}

.oneline {
	display: block;
	margin-bottom: 10px;
}

.styledForm input[type=radio] {
	display: inline;
}

.styledForm input[type=radio]:checked + label {
	background-color: #f3e2c6;
	font-weight: bold;
}

.styledForm input[type=checkbox]:checked + label {
	background-color: #f3e2c6;
	font-weight: bold;
}

.styledForm input[type=checkbox]:checked + label:before {
	content: "\2713  ";
}

.styledForm input[type=submit] {
	margin: 0;
	color: #15428B;
}

.styledFormSelected {
	background-color: #f3e2c6;
}

.styledForm p {
	clear: both;
	margin: 5px 0 5px 0;
}

.fancy {
	border-left: 4px solid #ccc;
	padding-left: 4px;
}
.fancy:hover {
	background-color: #eee !important;
	border-left: 4px solid #8b1414;
}

/* Anchors are handled as children in flex layouts. This is required to prevent
   them from being laid out as a new child */
.styledForm a {
	display: contents;
}

.styledForm span.question {
	font-size: 14px;
}

.missing {
	background-color: #f2d5d5;
	border: 1px solid #e4c7c7;
	padding: 0 5px 0 5px;
	margin-bottom:5px;
}

.globalStyledForm input[type=button] {
	border: 2px solid #ccc;
	background-color: #f2edcf;
	padding: 6px;
	font-weight: bold;
	color: #3a3a3a;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-decoration:none;
	text-align:center;
	text-shadow: none;
}

.globalStyledForm input[type=button]:hover {
	text-shadow:1px 1px 0px #ddd;
	border: 2px solid #aaa;
	color: #222;
}

.greenGradient {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #baf2a7), color-stop(1, #a4e38e) );
	background:-moz-linear-gradient( center top, #baf2a7 5%, #a4e38e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#baf2a7', endColorstr='#a4e38e');
	background-color:#a4e38e;
}

.redGradient {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5bfbf), color-stop(1, #e8a8a8) );
	background:-moz-linear-gradient( center top, #f5bfbf 5%, #e8a8a8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5bfbf', endColorstr='#e8a8a8');
	background-color:#e8a8a8;
}

#otherRunLength {
	padding: 0;
	margin: 0 0 0 6px;
	height: 13px;
	width: 100px;
	font-size: 11px;
}

/* Illumina Order Form */
.sampleContainerWrap {
	float: left;
	border: 1px solid #B5B8C8;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 6px;
	background-color: #F3F3F3;
	font-size: 14px;
}

.sampleContainerTitle {
	font-weight: bold;
	color: #15428B;
	margin-bottom: 4px;
}

.sampleContainer {
	margin-bottom: 4px;
}

.poolSamp span {
	display: inline-block;
	padding: 2px;
}

.sampleContainerWrap table tr {
	background-color: #E8E8E8;
}

.sampleContainerWrap table th {
	border: 2px solid #F3F3F3;
}

.sampleContainerWrap table td {
	border: 2px solid #F3F3F3;
}

.alternate {
	background-color: #E7E7E7;
}

tr.alternate td {
	background-color: #F3F3F3;
}

.hidden {
	display: none !important;
}

.lowlight {
	zoom: 1;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

#editForm b {
	color: #593131;
}

.searchPage fieldset {
	background-color: #f5f5f5;
}

.searchPage legend {
	font-size: 16px;
}

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

.illuminaFlowcellSummary {
	border: 1px solid gray;
	float: left;
	clear: left;
	padding: 12px 0px 0px 15px;
	background-color: white;
	margin: 0 8px 8px 0;
}

.illuminaFlowcellSummaryLane {
	float: left;
	color: #888;
	margin: 0 0 10px -8px;
	padding-right: 4px;
	font-weight: bold;
}

.illuminaFlowcellSummaryEmpty {
	margin: 0 10px 0 0;
	color: #AAA;
}

.clearButton {
	height:20px;
	width:20px;
	background: url('/images/clear_button.png') no-repeat;
	display: inline-block;
	float: right;
	cursor: pointer;
	opacity: 0.7;
}

.clearButton:hover {
	opacity: 1.0;
}

td .clearButton {
	margin-right: -5px;
}

/* Custom file uplaod */
label.custom-file-upload input[type="file"] {
	display: none;
/*    position: fixed;
    top: -1000px; */
}

.custom-file-upload {
    border: 2px solid #AAA;
    border-radius: 4px;
    padding: 2px 5px;
    margin: 2px;
    background: #DDD;
    display: inline-block;
    white-space: nowrap;
}
.custom-file-upload:hover {
    background: #CCC;
}
.custom-file-upload:active {
    background: #CCF;
}
.custom-file-upload :invalid + span {
    color: #A44;
}
.custom-file-upload :valid + span {
    color: #4A4;
}

.sangerPlateCommentDisplay {
	cursor: pointer;
	display: block;
}

.sangerOrderSpecCondsDisplay, .rtlOrderSpecCondsDisplay {
	cursor: pointer;
	display: block;
	color: purple;
	font-weight: bold;
}

td.sampleName, #showPlateName, #showPrimerDetails {
	cursor: pointer;
	color: color(srgb 0.136 0.159 0.564);
}

.force-wrap {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
  
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
  
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}

#file-uploader-div ul {
	list-style-type: none;
	padding-left: 5px;
}

.placeOrderForm fieldset {
	border-radius: 15px;
	-moz-border-radius: 15px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding : 15px;
	border: 1px solid #B5B8C8;
	background-color: #EBEBEB;
	text-align: center;

}

fieldset.pms {
	background-color: #F2F4E0;
}

fieldset.imaging {
	background-color: #F4E9E4;
}

fieldset.bioinformatics {
	background-color: #E1F4EC;
}

fieldset.epigenomics {
	background-color: #F1EAF0;
}

fieldset.trex {
	background-color: #e7e8f4;
}

fieldset.genomics {
	background-color: #DBF1F4;
}

fieldset.genomics > fieldset.subfield {
	background-color: #D3E8EB;
}

fieldset.genomics > fieldset.subfield > fieldset.subsubfield {
	background-color: #CCE0E3;
}

.placeOrderForm legend {
	font-size: 24px;
	color: #15428B;
	font-weight: bold;
}

.placeOrderForm fieldset label {
	float: none;
	text-align: inherit;
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.placeOrderForm label {
	border-radius: 8px;
	-moz-border-radius: 8px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	float: left;
	display: inline-block;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	padding: 16px;
	margin-right: 10px;
	margin-bottom: 20px;
	background-color: #d5e2e4;
	border: 1px solid #B5B8C8;
}

.placeOrderForm label:hover {
	background-color: #f3e2c6;
}

.placeOrderForm fieldset.subfield {
	margin-top: 10px;
	background-color: #E5E5E5;
}

.placeOrderForm fieldset.subfield legend {
	font-size: 18px;
	color: #15428B;
	font-weight: bold;
}

.placeOrderForm fieldset.subfield label {
	font-size: 14px;
}

.placeOrderForm fieldset.subsubfield {
	margin-top: 10px;
	background-color: #DEDEDE;
}

.placeOrderForm fieldset.subsubfield legend {
	font-size: 18px;
	color: #15428B;
	font-weight: bold;
}

.placeOrderForm fieldset.subsubfield label {
	font-size: 14px;
}

.placeOrderForm input, .styledForm select, .styledForm textarea {
	margin-bottom: 5px;
}

.placeOrderFormInput {
	color: #555;
	padding: 2px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-top: 4px;
	background: #FFF url('/images/text-bg.gif') repeat-x;
}

.placeOrderFormInfo {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
	border:1px solid #B5B8C8;
}

.placeOrderFormSelected {
	background-color: #f3e2c6;
}

.placeOrderForm p {
	clear: both;
	margin: 5px 0 5px 0;
}

.placeOrderForm a {
	float: none;
	text-align: inherit;
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	vertical-align: top;
	*display: inline;
	padding: 16px;
	background-color: #d5e2e4;
	border: 1px solid #B5B8C8;
}

.placeOrderForm a.disabled {
	float: none;
	text-align: inherit;
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	vertical-align: top;
	*display: inline;
	padding: 16px;
	background-color: #e2b5b5;
	border: 1px solid #B5B8C8;
}

.placeOrderForm a:link, .placeOrderForm a:hover, .placeOrderForm a:visited, .placeOrderForm a:active {
	text-decoration: none;
	color: black;
}

.placeOrderForm a:hover {
	background-color: #e1f4f7;
}

/* Invoice Search */
.invoiceSearchDisplayedFieldsHeader {
	text-align: center;
	font-weight: bold;
	color: #771313;
	font-size: 14px;
	padding-top: 4px;
}