P {
	FONT-SIZE: 12px;
	COLOR: #2a2a2a;
	FONT-FAMILY: Arial;
}

/* Bootstrap-like Row / Columns */

/* Container that acts like a row */
.row {
	width: 100%; /* Full width container */
	overflow: hidden; /* Clear floats */
}

/* Columns inside the row */
.col {
	float: left; 
	padding: 10px; 
	margin: 5px 0px; 
	box-sizing: border-box; /* Include padding in the width */
}

/* Width for two columns (50% each) */
.col-6 {
	width: 50%;
}

	/* Remove padding/margin issues */
	.col-6:first-child {
		margin-right: 0; /* Ensure no extra margin for the first column */
	}

/* Example background color for visibility */

.scrollabletable {
	height: 600px; /* Set a fixed height */
	overflow-y: scroll; /* Enable vertical scrolling */
	border: 1px solid #000; /* Add a border */
}

table.layout {
	width: 95%; /* Width of the table */
	padding: 2px; /* Equivalent to cellpadding="2" */
}

table.layout td {
	border: none;
}

table.data td {
	border-top: 1px solid #d1d1d1; /* Border around the table */
}

table.roomy {
	margin-top: 10px;
	behavior: url(tableAct.htc);
	width: 95%; /* Width of the table */
	border: 1px solid #d1d1d1; /* Border around the table */
	border-collapse: collapse; /* Ensure borders are collapsed */
	border-spacing: 0; /* Equivalent to cellSpacing="0" */
	padding: 2px; /* Equivalent to cellpadding="2" */
}

table.roomy td, th {
	padding: 4px 12px;
}

	table.roomy th {
		text-align: left;
	}

	/* Highlight color */
	table.roomy tr:hover {
		background-color: #EAEAEA; /* hlcolor */
	}

	/* Selected color */
	table.roomy tr.selected {
		background-color: #a3a3a3; /* slcolor */
	}

	table.roomy td.nbr, 
	table.roomy th.nbr {
		text-align: right;
	}

	table.roomy td.center, 
	table.roomy th.center {
		text-align: center;
	}

/* Two column tables for lists of name value pairs*/

table.namevaluepair {
	margin: 5px 0px;
	border-collapse: collapse; /* Ensure borders are collapsed */
	border-spacing: 0; /* Equivalent to cellSpacing="0" */
}

table.namevaluepair td, 
table.namevaluepair th {
	font-size: 14px;
	border: none;
	padding: 2px 2px 2px 10px; /* Equivalent to cellpadding="2" */
}

	/* First cell in each row */
	table.namevaluepair td.first,
	table.namevaluepair th.first {
		font-weight: bold;
		text-align: right;
	}

table.sticky thead th {
	position: sticky; /* Keeps the header in place */
	top: 0;
	background-color: #f1f1f1; /* Add a background color for better visibility */
	z-index: 2;
}


img, image {
	border: medium none;
}

.hidden {
	display: none;
}

a.pagecrumb, a.pagecrumb:visited {
	COLOR: #2a2a2a;
	text-decoration:none;
}

/*Check RateCards, Account Summary Sheet, and Fulfillment Job Maintenance Screen to confirm all display well before changing*/
fieldset {
	display:inline;
	position: relative;
	border: 1px solid #ccc;
	margin: 2px;
	padding: 5px;
	background: white;
	margin-top: 6px;
	padding-top: 9px;
}
legend {
	display:in-line-block;
	position: absolute;
	top: -0.7em;
	left: .2em;
}


.pink {
	background: #FFCC00;
}

TABLE.data {
	BORDER-RIGHT: #bababa 1px solid;
	BORDER-TOP: #bababa 1px solid;
	BORDER-LEFT: #bababa 1px solid;
	BORDER-BOTTOM: #bababa 1px solid
}

form {
	margin: 0px;
	padding: 0px;
}

TABLE.clean {
	margin: 2px;
	padding: 2px;
}

TABLE.clean TD, THEAD TD {
	BORDER-TOP: none;
}


TD.left {
	BORDER-LEFT: #bababa 1px solid;
}

TD.leftright {
	BORDER-LEFT: #bababa 1px solid;
	BORDER-RIGHT: #bababa 1px solid;
}

TH.right {
	BORDER-RIGHT: #bababa 1px solid;
}

TD.right {
	BORDER-RIGHT: #bababa 1px solid;
}

TD.topleft {
	BORDER-TOP: #bababa 1px solid;
	BORDER-LEFT: #bababa 1px solid;
}

TABLE.data TD {
	FONT-FAMILY: Arial;
	FONT-SIZE: 12px
}

TABLE.wrapper {
	BORDER-RIGHT: #bababa 1px solid;
	BORDER-TOP: #bababa 1px solid;
	BORDER-LEFT: #bababa 1px solid;
	BORDER-BOTTOM: #bababa 1px solid
}

TABLE.wrapper TD {
	BORDER-TOP: none;
	FONT-FAMILY: Arial;
	FONT-SIZE: 12px
}

TABLE.forminput TD {
	BORDER-TOP: none;
	FONT-FAMILY: Arial;
	FONT-SIZE: 12px
}


.headertext
{
	font-family: Arial, Verdana, Helvetica;
	color: #4054B2;
	font-size: 22px;
}

TD.cell {
	BORDER-RIGHT: #bababa 1px solid;
	BORDER-TOP: #bababa 1px solid;
	BORDER-LEFT: #bababa 1px solid;
	BORDER-BOTTOM: #bababa 1px solid
}

TD {
	BORDER-TOP: #bababa 1px solid;
	FONT-FAMILY: Arial;
	FONT-SIZE: 12px
}

TD.clean {
	BORDER-TOP: none;
}

TD.label {
	BORDER-TOP: none;
	TEXT-ALIGN: center;
}

TD.bottom {
	BORDER-TOP: none;
	BORDER-BOTTOM: #bababa 1px solid;
}

TD.title 
{
	BORDER-TOP: none;
	COLOR: white;
	FONT-FAMILY: Arial;
	FONT-SIZE: 18px;
	TEXT-DECORATION: none
}

TH {
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial;
}

INPUT.readonly
{
	TEXT-ALIGN: right;
	behavior:url(number.htc);
}
INPUT.number
{
	TEXT-ALIGN: right;
	behavior:url(number.htc);
}

TABLE.whitethin
{
	background-color: White;
	margin: 0px;
	padding: 0px;
}
TD.menuspacer
{
	border-top: 0px;
	margin: 1px;
	padding: 0px;
}
TABLE.menubar
{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

TD.menubar {
	background-color:white;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 6px;
	margin: 0px;
	color: White;
	font-family: Impact;
	font-size: 11px;
}

A.menubar
{
	color: #4054B2;
	font-family: Impact;
	font-size: 11px;
	text-decoration: none;
}
A.menubar:hover
{
	color: #FFDDDD;
	text-decoration: underline;
}
IMG.noborder
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    TEXT-DECORATION: none
}
.center
{
	TEXT-ALIGN: center;
}

.rightdotted 
{
	border-right: dotted 1px black;
}

.rightsolid 
{
	border-right: solid 1px black;
}

.selectedRateCard {
	border: solid 1px black;
	background-color: #EAEAEA;
	padding-left: 5px;
	padding-right: 5px;
}

.selectedRateCard a {
    TEXT-DECORATION: none;
}

TABLE.sortsheetfooter {
	border: solid 1px black;
	margin: 0px;
	padding: 0px;
	width: 370px;
}

TABLE.sortsheetfooter TD {
	FONT-FAMILY: Arial;
	FONT-SIZE: 16px;
}

TABLE.sortsheetfooter TD.notes {
	FONT-FAMILY: Arial;
	FONT-SIZE: 12px;
	padding: 0px, 1px, 1px, 1px;
	height: 155px;
	margin: 0;
	font-weight: bold;
}


TABLE.sortsheet
{
	border: solid 1px black;
	margin: 0px;
	padding: 0px;
}

TABLE.sortsheet TD {
	FONT-FAMILY: Arial;
	FONT-SIZE: 15px;
	height: 21px;
}

TD.leftborder {
	border-left: dotted 1px black;
}

input.readonlytext {
	color: gray;
	border: solid 1px white;
	TEXT-ALIGN: left;
	READONLY: 1;
}

TR {
	valign: top;
}

DIV.acclinks
{
	position: absolute;
	margin-left: 620px;
	text-align: center;
	padding: 5px;
	width: 120px;
	border: double 3px #AAAAAA;
	font-size: 10px;
	
}

DIV.reportform
{
	text-align: left;
	padding: 5px;
	width: 700px;
	font-size: 10px;
}
#fieldnote{
	color: red;
	background: #FFF;
	border: 1px solid #000;
	float: right;
	width: 200px;
	position:absolute;
	padding: 10px;
	margin-left: -190px;
	margin-top: -10px;
	vertical-align: middle;
	font-size: 11px;
}