/**** Document Level Declarations ***/ /* Default Body Properties */
body {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: .91em;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

table {
	font-size:.91em;
}
	
table#censusUploadfeature {
	font-size: .91em;
	}
	
td {
	padding-left: .3em !important;
}

body.leftNav {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 13px;
	background-color: #E3E4FA;
}	
	
/**** Block Level Declarations ***/ /* Left Navigation Colors */
td.leftNavBackground,*.lightBgColor {
	background-color: #FFFFFF;
}

*.darkGreyBgColor {
	background-color: #888888;
}

tr.evenRowBgColor, .evenBgColor {
	background-color: #EDEDED;
}

#tr.evenRowBgColor {
	background-color: #E6EEF1;
}

tr.oddRowBgColor, .oddBgColor {
	background-color: #FFFFFF;
}

tr.rowHighlightColor {
	background-color: #EDEDED;   
}

*.topNav {
	background-color: #000000;
}

/*
td.leftNavTitle, td.leftNavBorder, *.darkBgColor
{ 
    background-color : #102F81; 
}
*/
td.leftNavTitle,td.leftNavBorder,*.darkBgColor {
	background: url(img/bgMain.jpg) top left;
}

*.lightGreyBgColor {
	background-color: #f2f6f8;
}

td.leftNavBorderSpace {
	background-color: #FFFFFF;
}

td.leftNavItemBlock {
	background-color: #e5e5e5;
}

div.leftNavItemBlock {
	margin: 2px 0px 2px 4px;
}

*.direction_steps_before {
	background: #cccccc;
	color: #666666;
	text-align: center;
	font-weight: bold;
}

*.direction_steps_current {
	background: #FFFF00;
	text-align: center;
	font-weight: bold;
}

*.direction_steps_after {
	background: #cccccc;
	color: #666666;
	text-align: center;
	font-weight: bold;
}

/**** In-Line/Font Declarations ****/ /* ALIGNMENT */
p.instructions {
	text-align: center;
}

/* COLORS */
font H2 {
	color: #2c8cc8;
}

font.leftNavTitle,font.table_title,font.applicationTitle {
	background: url(img/bgHead.jpg) no-repeat top left;
	color: #ffffff;
}

a.leftNavItem {
	color: #999999;
}

font.instructions,p.instructions {
	color: #000099;
}

.default_text,.section_title_text {
	color: #555555;
	font-weight: bold;
}

/* SIZE */
font.disclaimer_text,font.leftNavTitle,a.leftNavItem,SUP {
	font-size: .83em;
}

font.group_title_text,font.large_text,font.column_title {
	color: #1e5377;
}

font.large_text,font.section_title_text,H1,font.applicationTitle {
	font-size: 1.2em;
}

/* Style - only if not the default */
font.note_text {
	font-style: italic;
}

/* WEIGHT - only if not the default */
font.leftNavTitle,font.caption,font.section_title_text,font.group_title_text,font.applicationTitle,.bold_font
	{
	font-weight: bold;
}

.column_title_info {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-weight: normal;
	text-transform: lowercase;
}

/* Other Properties (not common) */
font.leftNavTitle {
	margin: 0 0 0 1px;
}

.currentItem {
	font-family: Arial, Helvetica, sans-serif;
	color: #65A200;
}

.pendingItem {
	font-family: Arial, Helvetica, sans-serif;
	color: #E21D00;
}

a.leftNavItem {
	margin: 2px 2px 2px 4px;
}

/* Left Nav Item Anchor/Link */
a.leftNavItem:link,a.leftNavItem:visited,a.leftNavItem:active {
	color: #000000;
	text-decoration: none;
}

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

/* ----- Display a Block of text on Hover -----*/
a#tooltip {
	position: relative;
	text-decoration: none;
}

a#tooltip div {
	display: none;
}

a:hover#tooltip {
	display: block;
}

a:hover#tooltip div {
	text-decoration: none;
	display: block;
	position: absolute;
	top: -4em;
	right: 4em;
	width: 30em;
	border: 1px solid #000;
	background-color: #FFFCCF;
	color: #000;
	text-align: left;
	text-decoration: none;
}

/* ----- Display a Block of text on Hover - Different position,size and underline style than tooltip above-----*/
a#tooltip2 {
	position: relative;
}

a#tooltip2 div {
	display: none;
}

a:hover#tooltip2 {
	display: block;
	text-decoration: none;
	z-index: 50;
}

a:hover#tooltip2 div {
	display: block;
	position: absolute;
	top: 2.5em;
	left: 0.5em;
	width: 18em;
	border: 1px solid #000;
	background-color: #FFFCCF;
	color: #000;
	text-align: left;
	text-decoration: none;
}

.securityHelp {
    position: relative;
    padding-right: 3px;
}

.securityHelp div {
    display: none;
}

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

.securityHelp:hover div {
	display: block;
	position: absolute;
	padding: 5px 5px 5px 5px;
	top: 0em;
	left: 1em;
	width: 27em;
	border: 2px solid #B2CFE2;
	background-color: #DFEBF2;
    color: #000000;
	z-index: 9999 !important;
	font-weight: normal;	
}

.securityHelpLeftTop:hover div {	
	top: -15em;
	left: -18em;
	width: 18em;	
}

.securityHelpLeft:hover div {
	top: 0em;
	left: -18em;
	width: 18em;
}

.page_title {
	font-family: Arial, Helvetica, sans-serif;
	color: #000080;
	font-size: 1.33em;
	font-weight: bold;
}

/************************* Additions from Partner Web *************************/
.even { #
	background-color: #EEEECC;
	background-color: #DBE3E9;
}

.odd { #
	background-color: #FFFFFF;
	background-color: #DBE3E9;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 1.17em;
}

.note {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
}

.disclaimer {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: .83em;
	font-style: italic;
}

.error {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
}

.warning {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
}

.required_ind {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	padding-top: 10px;
	padding-bottom: 10px;
}

.actionRequired {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
}

.page_title_inline {
	font-family: Arial, Helvetica, sans-serif;
	color: #2c8cc8;
	font-size: 1.33em;
	font-weight: bold;
}

.column_title,.input_label {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-weight: bold;
}

.column_title {
	font-family: Arial, Helvetica, sans-serif;
	color: #1e5377;
	font-weight: bold;
}

.identity_title {
	font-family: Arial, Helvetica, sans-serif;
	color: #1e5377;
	font-weight: bold;
}

.section_title {
	font-family: Arial, Helvetica, sans-serif;
	color: #2c8cc8;
	font-size: 1.17em;
	font-weight: bold;
	text-align: left;
}

.instructions {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	text-align: left;
	margin-top: 5px;
	margin-left: 5px;
}

.currentItem {
	font-family: Arial, Helvetica, sans-serif;
	color: #65A200;
}

.pendingItem {
	font-family: Arial, Helvetica, sans-serif;
	color: #E21D00;
}

.lowercase {
	text-transform: lowercase;
}

/** Styles Realted to Color */
	/* Specialty (new CSS classes) for class attribute */
*.h_lineColor {
	background-color: #102F81;
}

tr.header,th.header,div.header {
	background-color: #FFFFFF;
	text-align: left; /*table header alignment of process center */
}

tr.identityHeader {
	background-color: #FFFFFF;
}

tr.total {
	background-color: #888888;
}

td.emailWidth {
	width: 15%;
}

/** Styles Related to Alignment */
	/* Specialty (new CSS classes) for class attribute */
.content {
	text-align: left;
}

.error_section {
	text-align: left;
	margin-top: 5px;
	margin-left: 5px;
}

.page_title {
	text-align: left;
	margin-top: 5px;
	margin-left: 5px;
}

.units {
	text-align: left;
}

.code {
	text-align: left;
}

.number {
	text-align: left;
}

.date {
	text-align: left;
}

.amount {
	text-align: left;
}

.percentage {
	text-align: left;
}

.varchar {
	text-align: left;
}

.multi_line {
	text-align: left;
}

.fixed_length {
	text-align: left;
}

.input {
	text-align: left;
}

.input_label {
	text-align: right;
}

.submit {
	text-align: center;
}

/** Style for Line break across page */
div.hr {
	width: 100%;
	background: #2c8cc8;
	line-height: 3px;
	font-size: 0.25em;
	display: none;
}

/** Styles for Tables */
.noOutlines { /*  border-collapse: collapse;*/
	width: 100%;
	border: 3px solid #F2F6F8
}

.noOutlines .header{
	font-size: 13px;
}

/** Styles for Tables */
.noOutlinesScrolling { /*  border-collapse: collapse;*/
	width: 100%;
	border: 3px solid #F2F6F8
}

.standardTable {
	border: 0;
	border-spacing: 0;
	padding: 0;
	width: 100%;
}

.halfWidth {
	width: 50%;
}

td.headerTextRight {
	text-align: right;
}

.std_text_right {
	text-align: right;
	vertical-align: bottom;
}

.std_text_right_pad {
	text-align: right;
	padding: 0 0.5% 0 0;
}

.std_text_left_pad {
	text-align: left;
	padding: 0 0 0 0.5%;
}

/** Styles for Images */
img.rowSelect {
	border: 0;
	height: 25px;
	width: 25px;
}

img.noOutline {
	border: 0;
}

/** Styles for Entry Fields */
text.std_number_entry {
	size: 15;
}

.instructions,p.instructions {
	color: #000000;
}

font.important_note {
	color: #CC0000; /*change color from FF0000 to #CC0000 to achieve Accessibility (ADA) requirements */
}

font.important_note_enhanced {
	color: #CC0000;
}

font.warning_note {
	color: blue;
	display:inline-flex;
}

A.column_title_link:link {
	
}

A.column_title_link:visited {
	
}

A.column_title_link:hover {
	
}

A.report_sample:link,A.report_sample:visited,A.report_sample:hover {
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}

/** Tableless Design **/ /** padding: top right bottom left**/
.halfWidthLeftPane {
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	/* IE creating horizontal scroll if use 50% */
	width: 49.99%;
}

.halfWidthRightPane {
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	width: 50%;
}

.fullWidthCenter {
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	width: 100%;
	text-align: center;
}

.fullWidthFrame {
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	width: 100%;
	height: 100%;
}

.even { /*  background-color: #DBE3E9;*/
	background-color: #F2F6F8;
}

.odd {
	background-color: #FFFFFF;
}

.page_title {
	font-family: Arial, Helvetica, sans-serif;
	color: #2c8cc8;
	font-size: 1.33em;
	font-weight: bold;
	height: 28px;
}

.centerTable {
	border: 2px solid #000;
	margin-top: 20%;
	padding: 5 5 5 5;
}

.centerTopTable {
	border: 2px solid #000;
	margin-top: 0%;
	padding: 3 3 3 3;
}

.mainPage {
	
}

.headerPage {
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
	position: float;
}

.footerPage {
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
}

.mainPageFrame {
	width: 100%;
	align: top;
	scrolling: no;
}

.headerPageFrame {
	width: 100%;
	height: 62px;
	align: top;
	scrolling: no;
}

.footerPageFrame {
	width: 100%;
	height: 40px;
	align: bottom;
	scrolling: no;
}

/* Styles for Compliance Video Page */
.center {
	text-align: center;
}

.margins {
	margin: 0, 20%;
}

#menu a {
	display: block;
	width: 200px;
	height: 25px;
	border: 1px solid black;
	text-align: center;
	margin-bottom: 7px;
	padding-top: 3px;
	text-decoration: none;
	color: black;
	font-wight: bold;
	background-color: #aaa;
}

.strike-through {
	text-decoration: line-through;
}

/* Tab navigation - TODO update following styles for default look */
ul.primary {
	border-collapse: collapse;
	padding: 0 0 0 1em;
	white-space: nowrap;
	list-style: none;
	margin: 5px;
	height: auto;
	line-height: normal;
	border-bottom: 1px solid #bbb;
}

ul.primary li {
	display: inline;
}

ul.primary li a {
	background-color: #1e5377;
	color: #FFFFFF;
	border-color: #bbb;
	border-width: 1px;
	border-style: solid solid none solid;
	height: auto;
	margin-right: 0.5em;
	font-size: .91em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 1em;
	text-decoration: none;
}

ul.primary li.active a {
	background-color: #FFFFFF;
	color: #1e5377;
	font-size: .83em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #bbb;
	border-bottom: #fff 1px solid;
}

ul.primary li a:hover {
	background-color: #1e5377;
	color: #FFFFFF;
	border-color: #ccc;
	border-bottom-color: #eee;
}

ul.secondary {
	border-bottom: 1px solid #bbb;
	padding: 0.5em 1em 0.5em 1em;
	margin: 5px;
}

ul.secondary li {
	display: inline;
	padding: 0 1em;
	border-right: 1px solid #ccc;
}

ul.secondary a {
	padding: 0;
	text-decoration: none;
}

ul.secondary a.active {
	border-bottom: 4px solid #999;
}

.left {
	text-align: left;
}

a.sortable_column_title:link,a.sortable_column_title:visited,a.sortable_column_title:active,a.sortable_column_title:hover
	{
	color: #000000;
}

div.sortable_columns {
	font-size: .88em;
}

*.darkBlkColor-groupSeparator {
	background-color: #000000;
}

#multipleResultsPopupWindow {
	z-index: -1;
	position: absolute;
	left: -800px;
}

.popup {
	border: 1px solid #000000;
	margin-left: 25px;
	width: 50%;
	background-color: #FFFFFF;
}

input.button {
	background-color: #57A0CC;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}

input[type="button"]
{
	background-color: #57A0CC;
	font-weight: bold;
	color: #FFFFFF;
	font: .91em Arial, Helvetica, sans-serif;
	cursor: pointer;
}

input[name="ESC_UPLOAD_SUBMIT"] {
	margin-top:20px;
	}

input[type="submit"] {
	background-color: #57A0CC !important;
	font-weight: bold;
	color: #FFFFFF;
	font: 1.0em Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.ieButtonBug {
	background-color: #57A0CC !important;
	font-weight: bold;
	color: #FFFFFF;
	font: 1.0em Arial, Helvetica, sans-serif;
	cursor: pointer;
}

input[type="text"] {
	background-color: #FFF;
	border: 1px solid #BBB;
	color: #555;
}

input[type="text"]:focus {
	outline-color: #d1e3ed;
	outline-style: solid;
	outline-width: 1px;
}

input[type="password"] {
	background-color: #FFF;
	border: 1px solid #BBB;
	color: #555;
}

input[type="password"]:focus {
	outline-color: #d1e3ed;
	outline-style: solid;
	outline-width: 1px;
}

.mediumSelect {
	width: 170px;
	vertical-align: middle;
}

.smallSelect {
	width: 105px;
}

.leftPadding {
	padding-left: 1em;
}
select {
	background-color: #FFF;
	border: 1px solid #BBB;
	color: #555;
}

select:focus {
	outline-color: #d1e3ed;
	outline-style: solid;
	outline-width: 1px;
}

TABLE.brgrcolor {
	background-color: #DBE3E9;
}
	
.file_input_div {
	position: relative;
	height: 23px;
	cursor: pointer;
}

#file_input_div_input {
	width: 200px;
	}
	
#esc_upload_submit_btn {
	margin-top:24px;
	}

.file_input_button {
	background-color: #57A0CC;
	color: #FFFFFF;
	font: 1.0em Arial, Helvetica, sans-serif;
	width: 100px;
	cursor: pointer;
	margin-left:12px;
}

.file_input_hidden {
	left:-500px;
	top:0px;
	width: 0px;
	position: absolute;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity = 0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
}


/** Styles for Div */
div.scrollingTable {
}

/** Styles for Div */
div.scrollingPptTable {
}

/*****  START GLIDE PATH STYLES *****/

.glideBody {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.glideBody {
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
}

.glideBody th {
	color: #2679AB;
	font-weight: bold;
	padding: 8px;
}

.glideBody b {
	color: #555555;
}

.glideBody a:link {
	color: #1E5377;
	text-decoration: underline;
}

.glideBody a:visited {
	color: #1E5377;
	text-decoration: underline;
}

.glideBody a:hover {
	color: #4B99CA;
	text-decoration: none;
}

.glideBody a:active {
	color: #4B99CA;
	text-decoration: none;
}

#glideTutorialDiv {
	width: 800px;
	margin-left: 60px;
	margin-top: 20px;
	text-align: center;
}

#glideLandingPageTable {
	width: 800px;
	height: 185px;
	margin-left : 60px;
	border: 2px solid #CCCCCC;
	background-color: #F7F9FA;
	border-radius: 10px;
}

#glideLandingPageTable img {
	margin-bottom: 10px;
	border: none;
}

#glideLandingPageTable img:hover {
	position: relative;
	top: -1px;
	left: -1px;
	border: none;
}

.glidePathLandingPageDiv01 {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.glidePathLandingPageDiv02 {
	margin-bottom: 30px;
	margin-left: 10px;
}

.glide_page_title {
	margin: 0px;
	color: #2C8CC8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.33em;
	font-weight: bold;
}

.glideButton {
	background: url(img/button.png) no-repeat top left;
	width: 75px;
	height: 28px;
	color: white;
	border: none;
	cursor: pointer;
}

input[type="submit"].glideButton {
	font-weight: bold;
	}
	
input[type="button"].glideButton {
	font-weight: bold;
	}
	
.glideButton150 {
	background: url(img/button150x28.png) no-repeat top left;
	width: 150px;
	height: 28px;
	color: white;
	border: none;
	cursor: pointer;
}

input[type="submit"].glideButton150 {
	font-weight: bold;
	}
	
input[type="button"].glideButton150 {
	font-weight: bold;
	}

.glideButtonSmall {
	background: url(img/button_small_plus.png) no-repeat top left;
	font-weight: bold;
	width: 28px;
	height: 28px;
	color: white;
	border: none;
	font: 1.0em Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-left: 20px;
	margin-right: 10px;
}

input[type="submit"].glideButtonSmall {
	font-weight: bold;
	font-size: 1.5em;
	}

.glideButtonSpan {
	display: block;
	background: url(img/view_edit_button_active.gif) no-repeat top left;
	font-weight: bold;
	width: 130px;
	height: 36px;
	color: #888;
	border: none;
	font-weight: bold;
	cursor: pointer;
	float: left;
	text-decoration: none;
	text-align: center;
	padding-top:8px;
	margin-left: 8px;
	opacity:0.6 !important;
	filter:alpha(opacity=60) !important;
}

.glideButtonSpanActive {
	display: block;
	background: url(img/view_edit_button.gif) no-repeat top left;
	font-weight: bold;
	width: 130px;
	height: 36px;
	color: #FFF;
	border: none;
	font-weight: bold;
	cursor: pointer;
	float: left;
	text-decoration: none;
	text-align: center;
	padding-top:8px;
	margin-left: 8px;
} 

.glideBody .headerButtonHolder a:link, a:visited, a:hover, a:active  {
	text-decoration: none;
}

.glidePageHeaderDiv {
	background: url(img/glide_header_bg.gif) repeat-x top left;
	border: 1px solid #B6DCF3;
	width: 900px;
	height: 28px;
	margin-left: 10px;
	margin-bottom: 18px;
	}
	
.glideTableHeaderDiv {
	background: url(img/glide_header_bg.gif) repeat-x top left;
	border: 1px solid #B6DCF3;
	width: 900px;
	height: 28px;
	margin-left: 10px;
	margin-top: 18px;
	}
	
.glideHeaderSpan {
	display: block;
	color: #2779AB;
	font-weight: bold;
	margin-left: 12px;
	margin-top: 8px;
	}
	
.glideTableDiv {
	overflow: auto;
	width: 900px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	text-align: center;
}

.glideTable {
	border-collapse: collapse;
	border-spacing: 0px 0px;
}
	
.glideTable td{
	border:1px solid #E3E7E8;
	}

.footerButtonHolder {
	height: auto;
	width: 840px;
	margin-top: 28px;
	margin-bottom: 28px;
	margin-left: 40px;
	text-align: right;
	}
	
.footerButtonHolder .glideButton {
	margin-left: 15px;
	}
	
.headerButtonHolder {
	height: auto;
	width: 840px;
	margin-top: 28px;
	margin-bottom: 10px;
	text-align: left;
	}

#target_dated_view_edit_list {
	width: 900px;
	margin-left: 10px;
	overflow: auto;
	}
	
#risk_based_view_edit_list {
	width: 900px;
	margin-left: 10px;
	overflow: auto;
	} 

.glideTableBoxedDiv {
	width: 900px;
	margin-top: 18px;
	margin-left: 10px;
	overflow: auto;
	}
	
.glideTableBoxed {
	border-collapse: collapse;
}

.glideTableBoxed td {
	padding: 8px;
	border-top: 0px solid;
	border-right: 1px solid #D8DDE1;
	border-bottom: 1px solid #D8DDE1;
	border-left: 1px solid #D8DDE1;
	}
	
.glideTableWrappedDiv {
	width: 900px;
	margin-top: 18px;
	margin-left: 10px;
	overflow: auto;
	}
	
.glideTableWrapped {
	border-collapse: collapse;
}

.glideTableWrapped td {
	padding: 12px;
	border-top: 0px solid;
	border-right: 1px solid #D8DDE1;
	border-bottom: 1px solid #D8DDE1;
	border-left: 1px solid #D8DDE1;
	}
	
.glideTableBoxed td.lastGlideTd {
	padding: 12px;
	border-top: 0px solid;
	border-right: 1px solid #D8DDE1;
	border-bottom: 1px solid #D8DDE1;
	border-left: 0px solid;
	}
	
.glideTableBoxed td.coAssetModItem {
	padding: 0px;
	border-top: 1px solid #D8DDE1;
	border-right: 1px solid #D8DDE1;
	border-bottom: 1px solid #D8DDE1;
	border-left: 1px solid #D8DDE1;
	}
	
.glideTableStandardHeader {
	background: url(img/glide_header_bg.gif) repeat-x 100% 100%;
	padding-left: 12px;
	border-top: 1px solid #B6DCF3;
	border-right: 1px solid #D8DDE1;
	border-bottom: 1px solid #B6DCF3;
	border-left: 1px solid #B6DCF3;
	height: 28px;
	}
	
.glideTableStandardHeader span {
	display: block;
	width: auto;
	}
	
.glideTableSolidHeader {
	background-color: #BFDFF4;
	border-top: 1px solid #B6DCF3;
	border-right: 1px solid #D8DDE1;
	border-bottom: 1px solid #B6DCF3;
	border-left: 1px solid #B6DCF3;
	height: 28px;
	}
	
.glideTableSolidHeader span {
	display: block;
	width: auto;
	}
	
#glideTableEmployeeDirected {
	padding:10px;
	padding-bottom: 30px;
	background-color:#F3F4F8;
	border:2px solid #E3E7E8;
	border-radius:10px;
	margin-left:110px;
	margin-top:36px;
	}
	
#glideTableEmployerDirected {
	padding:10px;
	padding-bottom: 30px;
	background-color:#F3F4F8;
	border:2px solid #E3E7E8;
	border-radius:10px;
	margin-left:110px;
	margin-top:36px;
	}
	
.modelSetupTable .glideButton {
	margin-left: 12px;
	}
	
.glideTrOdd {
	background: url(img/glide_trBack_dark.png) repeat-x 100% 100%;
	}
	
.glideTrBacker {
	background: url(img/glide_trBack_dark.png) repeat-x 100% 100%;
	}
	
.glideTrBacker img {
	margin-right: 8px;
	margin-bottom: -1px;
	}
	
.glideVerbiage {
	border-top: 2px dotted #E3E3E3;
	padding-top:18px;
	padding-bottom:18px;
	width: 90%;
	margin-top: 18px;
	margin-left: 5%;
	margin-bottom: 18px;
	font-weight: bold;
	}

.glideConfirmation {
	color: #555;
	width: 90%;
	margin-top: 24px;
	margin-left: 5%;
	margin-top: 24px;
	font-weight: bold;
	}
	
/* Text on left side, usually a footnote with an asterisk */
.glideFootnote {
	color: #888;
	width: 90%;
	margin-top: 24px;
	margin-left: 5%;
	margin-top: 24px;
	}

/* Footnote that is related to or a continuance of a footnote above it */
.glideFootnoteExtended {
	color: #888;
	width: 90%;
	margin-left: 5%;
	margin-top: 8px;
	}

/* Usually a gloabl footnote, centered and below all others */
.glideFootnoteCentered {
	text-align: center;
	color: #888;
	width: 90%;
	margin-top: 24px;
	margin-left: 5%;
	margin-top: 24px;
	}

/* Same as above */
.glideFooter {
	text-align: center;
	color: #888;
	width: 90%;
	margin-top: 24px;
	margin-left: 5%;
	margin-top: 24px;
	}
	
.glideFooterExtended {
	text-align: center;
	color: #888;
	width: 90%;
	margin-top: 8px;
	margin-left: 5%;
	margin-top: 24px;
	}
	
.glideFooterNoteColor {
	color: #555;
}	

.vestingSchedColumnHelp {
	display: none;
	position: absolute;
	width: 250px;
	height: auto;
	white-space: normal;
	background-color: #DFEBF2;
	border: 2px solid #B2CFE2;
	border-radius: 4px;
	padding: 12px;
	margin-left:16px;
	margin-top:-16px;
	font-weight: normal;
	color: #555;
}

.vestingSchedColumnHelpImg {
	margin-left:6px;
	margin-bottom: -3px;
	}

a.vestingSchedColumnHelpLink:link {
	color: #1E5277;
	padding-top: 10px;
	text-decoration: none;
	font-weight:bold;
	}

a.vestingSchedColumnHelpLink:visited {
	color: #1E5277;
	padding-top: 10px;
	text-decoration: none;
	font-weight:bold;
	}
	
a.vestingSchedColumnHelpLink:hover {
	text-decoration: underline;
	}
	
a.vestingSchedColumnHelpLink:active {
	text-decoration: underline;
	}
	
a.howToVideoLink:link:link {
	text-decoration: none;
	line-height: 22px;
	}
a.howToVideoLink:link:visited {
	text-decoration: none;
	line-height: 22px;
	}
a.howToVideoLink:link:hover {
	text-decoration: underline;
	}
a.howToVideoLink:link:active {
	text-decoration: underline;
	}
a.howToVideoLink img {
	margin-right: 2px;
}

.glideTooltipHelp {
	display: none;
	position: absolute;
	width: 250px;
	height: auto;
	white-space: normal;
	background-color: #DFEBF2;
	border: 2px solid #B2CFE2;
	border-radius: 4px;
	padding: 12px;
	font-weight: normal;
	color: #555;
	z-index:1;
}

.glideTooltipHelpImg {
	margin-left:6px;
	margin-right:6px;
	margin-bottom: -3px;
	margin-top:12px;
	cursor: pointer;
	}
	
.glideTooltipHelpImgDyn {
	margin-left:6px;
	margin-right:6px;
	margin-bottom: 12px;
	margin-top:0px;
	cursor: pointer;
	}
	
.glideTooltipHelpLink {
	padding-top: 10px;
	margin-left:12px;
	color: #1E5277;
	cursor: pointer;
	font-weight:bold;
	text-decoration: none;
}

.glideTooltipHelpLink:hover {
	color: #1E5377;
	text-decoration: underline;
}
	
.glideTooltipSpan {
	display:block;
	}

.stepSpans {
	display: block;
	margin-top: 0px;
	margin-bottom: 12px;
	margin-left: 18px;
	margin-right: 6px;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
	}
	
.openCloseSpan {
	color: #1E5277;
	cursor: pointer;
	font-weight:bold;
	text-decoration: none;
}

.openCloseSpan:hover {
	color: #1E5377;
	text-decoration: underline;
}

.openCloseImg {
	cursor: pointer;
	}

.prorateHolderDiv {
	float: left;
	margin: 12px;
	}
	
.glidePathFundsPush {
	color: #1E5277;
	padding-top: 10px;
	text-decoration: none;
	font-weight:bold;
	cursor: pointer;
	}
	
.glidePathFundsPush .gpfpName:hover {
	text-decoration: underline;
	}
	
.glidePathFundsPush .glideTooltipHelp .glideTooltipPar {
	text-decoration: none;
	}
	
/***** END GLIDE PATH STYLES *****/

/*** REPORT ENHANCEMENT COLORS ***/

.newAvailableReportsContent {
	border: 2px solid #D4D4D4;
	color: #555;
}

.newAvailableReportsTabs {
	background-color: #FFF;
}

.newAvailableReportsContent .topTD {
	border: 1px solid #D4D4D4;
}

.newAvailableReportsContent .subRow {
	background-color: #F2F6F8;
}

.newAvailableReportsContent .subSubRow {
	background-color: #F2F6F8;
}

.newAvailableReportsContent .subRow.odd {
	background-color: #FFF;
}

.newAvailableReportsContent .subSubRow.odd {
	background-color: #FFF;
}

.newAvailableReportsContent .reportTab {
	background: url(/images/empOvTabBg.png) repeat-x;
	border-bottom: 2px solid #B2B2B2;
	color: #000;
}

.newAvailableReportsContent .reportTab:hover {
	background: url(/images/empOvTabBgH.png) repeat-x;
	color: #FFF;
}

.reportTab.active_tab {
	background: url(/images/empOvTabBgA.png) repeat-x;
	border-bottom: 2px solid #FFF;
	background-color: #FFF;
}

.reportTab.active_tab:hover {
	background: url(/images/empOvTabBgA.png) repeat-x;
	border-bottom: 2px solid #FFF;
	background-color: #FFF;
	color: #000;
}

.newAvailableReportsContent .subRowName {
	color: #2C8CC8;
}

.repIconContainer a:link,.repIconContainer a:visited {
	color: #2c8cc8;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}

.repIconContainer a:hover,.repIconContainer a:active {
	color: #1e5377;
}

.faqAndRepRef a:link,.faqAndRepRef a:visited {
	color: #1E5377;
}

.faqAndRepRef a:hover,.faqAndRepRef a:active {
	color: #4B99CA;
}

.repTitleHolder {
	background-color: #F2F6F9;
}

/*** END REPORT ENHANCEMENT COLORS ***/

.pscLink {
    color: #2c8cc8;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}

.pscLink:hover {
    color: #1e5377;
}

.bold_font.expand_collapse {
	margin-left: 12px;
	}
	
.expand_collapse_img {
	margin-right: 8px;
	}

/** copied from main.css so it can be used in partnerweb    */
.pdfview {
    background: url("img/icnPDF.gif") no-repeat scroll 0 0 transparent;
    color: #285B7D;
    padding-bottom: 1px;
    padding-left: 16px;
    padding-right: 10px;
}

.advancedSearchDiv {
	float: right;
}

.ui-autocomplete {
max-height: 100px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
/** Style for Line break across page */
div.pageHeaderHR {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	background: #2c8cc8;
	line-height: 1px;
	font-size: 0.25em;
	
}
.pageHeader, pageHeader ul {
   width: 100%;
   list-style-type:none;
}
.advancedSearch{
   background-color: #DFEBF2;
   width: 100%;
   padding: 10px; 
}

.securityAdminSectionTitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #2c8cc8;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
        margin-bottom: 5px;
}
.accordionTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
    margin-bottom: 2px;
    margin-top: 2px;
    margin-left: 40px;
}

.saButton {
    background: url("img/headcenter.png") repeat-x scroll 0 0 transparent;
    border-color: #DFEBF2;
    color: white;
    cursor: pointer;
    font-weight: bold;
    height: 25px;
    margin-top: -2px; 
    width: auto;
}

.saButtonDisabled {
    background: url("../../static/common/img/headcentergray.png") repeat-x scroll 0 0 transparent;
    border-color: #DFEBF2;
    color: white;
    cursor: pointer;
    font-weight: bold;
    height: 25px;
    margin-top: -2px; 
    width: auto;
}
.saAddButton {
    background: url("img/headcenter.png") repeat-x scroll 0 0 transparent;
    border-color: #DFEBF2;
    color: white;
    cursor: pointer;
    font-weight: bold;
    height: 25px;
    margin-top: -2px;
    width: auto;
}
.top {
    background: #DFEBF2;
}
.dataTableWrapperTable {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.91em;
    margin-bottom: 16px;
    margin-top: 12px;
    text-align: left;
    width: 100%;
}
.dataTableWrapperTable dtwtTD {
    background-color: #DFEBF2;
    border: 2px solid #B2CFE2;
    border-radius: 4px 4px 4px 4px;
}
.dataTableWrapperTable thead {
    background-color: #FFFFFF; 
}
.dataTableWrapperTable thead th {
    color: #1E5377;
    font-size: 0.91em;
    padding: 8px;
    text-align: center;
    white-space: nowrap;
}
.dataTableWrapperTable thead th img {
    margin-left: 12px;
}
.dataTableWrapperTable thead th.left {
    padding-left: 12px;
    text-align: left;
}
.dataTableWrapperTable thead th.center {
    text-align: center;
}
.dataTableWrapperTable thead th.right {
    padding-right: 12px;
    text-align: right;
}
.dataTableWrapperDiv {
    background-color: #DFEBF2;
    border: 2px solid #DFEBF2;
    border-radius: 6px 6px 6px 6px;
    padding-bottom: 0;
}
.dataTable {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed
}
.dataTable tr {
	vertical-align: top !important;
}
.dataTable td {
   word-wrap: break-word;
}
.dataTable tbody tr.even {
    background-color: #DFEBF2;
}
.dataTable tbody td {
    padding: 6px;
    text-align: left;
}
.dataTable tbody td.left {
    padding-left: 12px;
    text-align: left;
}
.dataTable tbody td.right {
    text-align: right;
}
.dataTable tbody td.center {
    padding-right: 12px;
    text-align: center;
}
.dataTables_wrapper {
    display: table;
    margin-bottom: 8px;
    width: 100%;
}
.dataTables_length {
    float: left;
    padding: 4px;
    width: 30%;
}
.dataTables_filter {
    float: right;
    padding: 4px;    
    font-size: 13px;
}
.dataTables_info {
    float: left;
    padding: 8px;
    width: 40%;
}
.dataTables_paginate {
    clear: both;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
    width: 100%;
}
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {
    cursor: pointer;
    margin: 0 3px;
    padding: 2px 5px;
}
.paging_full_numbers a.paginate_button {
}
.paging_full_numbers span.paginate_button:hover {
    background-color: #DFEBF2;
}
.paging_full_numbers span.paginate_active {
    background-color: #2647A0;
    color: #FFFFFF;
}
.paging_full_numbers .paginate_button_disabled {
    color: #AAAAAA;
    cursor: default;
}
.paging_full_numbers span.paginate_button_disabled {
    color: #AAAAAA;
    cursor: default;
}
.sorting, .sorting_desc, .sorting_asc {
    cursor: pointer;
}
.dataTables_empty {
    text-align: center !important;
}
.dataTableDiv {
    background-color: #DFEBF2; 
    width: 98%;
    height: 40px;
}
#sawAction {
   font-family: Arial,Helvetica,sans-serif;
   font-size: .91em;
}
.addUserDiv {
    padding-left: 10px;
}
.adminListDiv {
  margin-left: 475px;
}
.planSearchDiv {
  margin-left: 475px;
}
.adminReportLinkDiv {
  padding-bottom: 30px;
  padding-left: 250px;
}
.ui-widget {
   font-family: Arial,Helvetica,sans-serif;
   font-size: .91em;
}
.ui-widget .ui-widget {
    font-size: .91em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
   font-family: Arial,Helvetica,sans-serif;
   font-size: .91em;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background:  #006C9B;
    border: 1px solid #D3D3D3;    
    font-weight: normal;
    color: #ffffff;
}
.ui-accordion .ui-accordion-content {
    border: 0 none;
    overflow: auto;
    padding: 0em;    
}
.ui-accordion .ui-accordion-icons {
    padding-left: 0em;
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    display: block;
    margin-top: 2px;
    min-height: 0;
    padding: 0em 0em 0em 0em;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: .91em;
    color: #ffffff;    
}
.ui-state-default .ui-icon {
    background-image: url("../../../Common/js/jquery-ui/css/images/ui-icons_ffffff_256x240.png");
}

.ui-state-active .ui-icon {
    background-image: url("../../../Common/js/jquery-ui/css/images/ui-icons_ffffff_256x240.png");
}
.ui-icon {
    background-image: url("../../../Common/js/jquery-ui/css/images/ui-icons_ffffff_256x240.png");
    height: 16px;
    width: 16px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #006C9B;
    border: 1px solid #AAAAAA;    
    font-weight: normal;
    color: #fffff;
}
.instructionDiv {
  margin-left: 20px;
  color: #1E5377;
  margin-bottom: 20px;
}
.subTitleDiv {
  margin-left: 20px;
  color: #1E5377;
  margin-bottom: 20px;
  font-size: 1.1em;
  font-weight: bold;
}
.redInstructionDiv {
  margin-left: 20px;
  color: red;
}
#availUserId {
    width: 150px;
}
.backToSearchDiv{
  text-align: center;
}
#confirmationDiv {
    background-color: #FCF0B4;
    border-color: #9C650A;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 2px;
    color: #9D6913;
    font-weight: normal;
    margin-bottom: 1em;
    padding: 1em;
}

/****  Added by nwht for SAW redesign ****/

#actions button {
	font: 1em Arial,Helvetica,sans-serif;
    margin: .5em;
    width: auto;
}

.answer {text-align: right; padding-right: 2em;}

.disabled {
	background-color: transparent !important;
	border: 0 none !important;
}

.employeeSpinner {
    left: 42em;
    position: relative;
    top: 16em;
    visibility: hidden;
}

.label {
	text-align: right;
}

.planpicker {
	width:28em;
	height:12em;
}
.pickerbutton {
	width:10em;
}

#permissions .question {padding-left: 2em;
	width: 60%;}
	
#permissions .questionTip {
	border: 1px dotted #9C650A;
	border-radius: 4px 4px 4px 4px;
    color: #9C650A;
    background-color: #FCF0B4;
    height: auto;
    padding: 0.5em;
    text-align: left;
    visibility: block;
    width: 96%;
    margin-top: .2em;
}

#permissions .emptyTip {
	visibility: hidden;
	height: 0;
	padding: 0;
}
#selectedAnswer {width: 100%;}

.openedTab {
	background-image: url("img/arrowsouth.png");
    background-repeat: no-repeat;
}

.closedTab {
	background-image: url("img/arroweast.png");
    background-repeat: no-repeat;
}

.tabSimulator {
	background-color: #006C9B !important;
    border: 1px solid #D3D3D3;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #ffffff !important;
    font-size: 1em !important;
    font-weight: bold !important;
    height: 2em;
    text-align: left;
    width: 100%;
}

#verifyactions {
    background-color: #FCF0B4;
    display: inline-block;
    margin-bottom: 24px;
    margin-left: 16px;
    margin-top: 12px;
    padding: 8px;
}

.yellowbox {
background-color: #FCF0B4;
    border-color: #9C650A;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 2px;
    color: #9D6913;
    font-weight: normal;
    margin-bottom: 1em;
    padding: 1em;
}

.simulatedTab{margin-bottom:.4em;}

.simulatedTab .contentDiv {margin-top:.2em;}

#similarUsers .title {
    background: red;
    color: white;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

.displayNone 
{
	display: none;
}

#category {
   background-color:transparent; border:0;
}

emptySearchList {
   width: 1000px;
}

.continueDiv 
{
  float: right;
  padding-right: 10px;
  color: #DFEBF2;
}

.hidden {
  position: absolute;
  z-index: -999;
}

.spinnerWait {
	width: 15px;
	height: 15px;
}

#planAccessSpinner {
	text-align: center;
}

.createUserButton {
  margin-left: 745px;
}

.planCol {
    padding-bottom: 30px;
    vertical-align: middle;
}
.usernameRow {
    padding-bottom: 10px;    
}
/* Saw Phase 2 */
.saEditButton {
    background: url("img/headcenter.png") repeat-x scroll 0 0 transparent;
    border-color: #DFEBF2;
    color: white;
    cursor: pointer;
    font-weight: bold;
    height: 25px;
    margin-top: -2px; 
    width: auto;
    float: left;
}
.wsButtonDiv {
	padding-top: 8px;
}
.pageIndent {
  margin-top: 10px;
  margin-left: 40px;
}
/*** END nwht Added ***/

#headsup.alert p {text-align:left; padding-left:10px; color:#000;}

form[name="CashRemit"] {
	overflow: auto;
}
.empReturnLink {
	font-size: 18px;
	color: #008aff;
}

.submit-loader {
    display: inline-block;
    margin-left: 180px;
    margin-top: 5px;
    border: 2px solid #f3f3f3;
    border-radius: 50%;
    border-top: 2px solid #57A0CC !important;
    border-right: 2px solid #57A0CC !important;
    border-bottom: 2px solid #57A0CC !important;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;  
}
.show-loader {
    display: inline-block;
    margin-top: 5px;
    border: 2px solid #f3f3f3;
    border-radius: 50%;
    border-top: 2px solid #57A0CC !important;
    border-right: 2px solid #57A0CC !important;
    border-bottom: 2px solid #57A0CC !important;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;  
}
.loadingText {
	display: inline-block;
    margin-left: 10px;
    font-size: 12px;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/************************* Additions from ADA Compiance *************************/
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.sr-only-hidden {
	display: none;
}

input[type="submit"].ada_input_submit {
	border-width: 2.5px;
	border-style: solid;
	border-color: #0061b3;
	background-color: #0061b3 !important;
	font-weight: bold;
	color: #FFFFFF;
	font: 1em Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-left: 3px;
	margin-right: 3px;
}

input[type="submit"].ada_input_submit:focus {
	border-color: #0061b3;
	background: #0061b3;
	background-color: #0061b3;
	box-shadow: 0 0 0 5px rgba(0, 97, 179, .25) !important;
	outline: 0 !important;
}

input[type="submit"].ada_input_submi:hover {
	background: #004d8f;
  background-color: #004d8f;
}

input[type="text"].ada_input_text {
	border: 1px solid #353535;
	outline: none;
	margin: 3px;
}

input[type="text"].ada_input_text:focus {
	border-width: 2px;
    box-shadow: 0px 0px 0px 4px rgb(0 97 179 / 25%);
    border-color: #0061b3;
    color: #353535;
}

input[type="text"].ada_input_text_error {
	border: 1px solid #DB291F;
	outline: none;
	margin: 3px;
}

input[type="text"].ada_input_text_error:focus {
	border-width: 2px;
    box-shadow: 0px 0px 0px 4px rgb(219 41 31 / 25%);
    border-color: #DB291F;
    color: #353535;
}

.ada_column_title_1 {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-block-end: 0.3em;
}

@media (max-width: 400px) {
	.ada_column_title_1 {
		font-size: 1em;
		text-align: left;
		padding: 0 10px;
	}
}

.ada_column_title_2 {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #1e5377;
	font-weight: bold;
}

.ada_section_title_text {
	font-size: 0.9em;
	color: #555555;
	font-weight: bold;
	margin-block-start: 0em;
	margin-block-end: 0em;
}

.ada_section_title_addpart {
	font-size: 1.2em;
	color: #555555;
	font-weight: bold;
	margin-block-start: 0em;
	margin-block-end: 0em;
	text-align: left;
}

.ada_label_addpart {
	font-weight: normal;
	margin-top: 3px;
    margin-bottom: auto;
	color: #525252;
}

.ada_section_title_2 
{
    font-size: 0.95em;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
}

.ada_section_title_3
{ 
    font-size: 1.2em;	
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

select.ada_optionlist {
	border: 1px solid #353535;
	outline: none;
	margin: 3px;
}

select.ada_optionlist:focus {
	border-width: 2px;
    box-shadow: 0px 0px 0px 4px rgb(0 97 179 / 25%);
    border-color: #0061b3;
}

select.ada_optionlist_error {
	border: 1px solid #DB291F;
	outline: none;
	margin: 3px;
}

select.ada_optionlist_error:focus {
	border-width: 2px;
    box-shadow: 0px 0px 0px 4px rgb(219 41 31 / 25%);
    border-color: #DB291F;
}

input[type="checkbox"].ada_checkbox {
	accent-color: #0061B3; /* Forces blue color when checked, on Edge.  */
	outline: none;
}

input[type="checkbox"].ada_checkbox:focus {
    outline-color: #0061B3;
    outline-style: solid;
    outline-offset: 1px;
    outline-width: 1px;
}

/* ADA Scroller package */

.x-scroller 
{
    overflow-x: auto;  
}

/* ADA enhanced scroller with Keyboard accesibility */
.x-scroller-enh 
{
    overflow-x: auto;
    width: 100%;
    /*margin: 2.5px 2.5px 2.5px 2.5px;*/
}
   
.x-scroller-enh:focus
{
    outline:  none;  
}
   
/*  .x-scroller Scroll bar customizations. 
    (Browser compatibility evaluation is required). 
*/
.x-scrollBar::-webkit-scrollbar 
{
    width: 5px;
	opacity: 1.5;
} 

.x-scrollBar::-webkit-scrollbar-button
{
 	display: none;
} 

.x-scrollBar::-webkit-scrollbar-track
{
    box-shadow: inset 0 0 5px grey;
	border-radius: 2.5px;
} 

.x-scrollBar::-webkit-scrollbar-thumb
{
    background: rgba(14, 104, 182, .8);
	border-radius: 2.5px;
} 

/* Ada responsive tables package.
   Designed to display controls, links, buttons, etc 
   wrapped in a table structure. 
*/
.ada_responsive_controls_set
{
	width: 100%;
}

@media screen and (max-width: 330px)
{
	.ada_responsive_controls_set,
	.ada_responsive_controls_set tr, 
	.ada_responsive_controls_set td
	{
		width: 100%;
		display: block;
	}

	.ada_responsive_controls_set td
	{
		text-align : left !important;
	}
}
