/************************************************************************************/
/ The following CSS definitions are for the Elavon branded Access Online application /
/************************************************************************************/

@import "../circularFont.css";

input, a, ul {
 margin: 0;
 padding: 0;
}

body, div, p, textarea, th, td, li, ul, ol, a, h1, h2, h3, h4, h5, h6, caption, select {
	font-family: "Circular-USB" !important;
	color: black;
	font-size: 16px;
}

body, h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

body {
	background-color: white !important;
}

h2 { font-size: 135%; }
h3 { font-size: 115%; }
h4 { font-size: 105%; }
h5 { font-size: 100%; }
h6 { font-size: 95%; }
h2.skippedH3ToH2{
	font-size: 115%;
}
h3.skippedH4ToH3{
	font-size: 105%;
}
h4.skippedH5ToH4{
	font-size: 100%;
}
th {
	background-color: #0c2074;
	color: #ffffff;
	font-weight: bold;
	white-space: nowrap;
}

pre {
	font-family: "Circular-USB" !important;
	color: #000000;
	font-size: 12px; 
	margin-bottom: 0px;
}

img {
	border: 0;
}

p {
	margin-top: 0px;
	margin-bottom: 1.3em;
}

a.logout {
  text-decoration: none !important;
}

form {
	margin-top: 0px;
	margin-bottom: 0px;
}

sup {
	font-size: 80%;
	line-height: 20%;
	margin-bottom: 80%;
	vertical-align: 90%;
}

/***********************************************************************************
   Rules for layout
************************************************************************************/

#header {
	min-height: 102px;
	width: 950px;
}

#header #AXOLTEXT {
	position: relative;
	float: left;
	width: 600px;
	font-family: "Circular-USB" !important;
	color: #0c2074;
	font-size: 18px;
	padding-left: 10px;
}

#header #globallinks {
	text-align: right;
	padding-right: 14px;
	height: 19px;
	overflow: hidden;
	color: white;
	background-color: #0c2074;
}

#header #globallinks a {
	padding: 0 3px 0 3px;
}

#header #logo {
	background-color: white;
	text-align: right;
}

#header #usblogo {
	margin: 7px 6px 6px 0;
	float: left;
}

#header #logo .customerlogo {
	padding: 3px 3px 0 0;
}

#header #bannertop {
	display: block;
	clear: both;
	min-height: 42px;
	width: 950px;
}

.headerbarlink {
	position: relative;
	float: right;
	height: 22px;
	width: auto;
	font-family: "Circular-USB" !important;
	text-align: right;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 5px;
	font-size: 11px;
	color: #2e84bd;
}

.headerbarlink_onMouse {
	position: relative;
	float: right;
	height: 22px;
	width: auto;
	font-family: "Circular-USB" !important;
	text-align: right;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 5px;
	font-size: 11px;
	color: #2e84bd;
}

#menu {
	position: relative;
	padding-top: 5px;
	margin-top: 0px !important; /*moz margin*/
	background-color: #ffffff;
	float: left;
	vertical-align: top;
}

.menubar_upper {
	width: 160px;
	margin-left: 0px !important; /*moz margin*/
	margin-left: -3px; /*IE margin*/
	background-color: #0c2074;
}

.menubar_lower {
	width: 160px;
	background-color: #0c2074;
	margin-bottom: 10px;
}

.bottombar {
	position: relative;
	float: right;
	width: 950px;
	background-color: #0c2074;
}

#menu .menuline {
	margin: 1.2em 0 1.2em 10px;
}

#menu #menucap {
	margin: 1.2em 0 0 0;
	display: block;
}

#content {
	padding-top: 1px;
	padding-left: 16px;
	min-height: 300px;
	position: relative;
}
#content.trans-content{
	min-height: auto;
}

#bannerbottom {
	position: absolute;
	left: 777px;
}

#bannerbottom img {
	display: block;
}

#footer {
	margin-top: 10px;
	padding-bottom: 2px;
	clear: both;
	width: 950px;
 	text-align: left;
	background-color: #ffffff;
	height: 27px;
}

#footer img {
	display: block;
}

#footer #footercap {
	background-color: white;
	margin-bottom: 5px;
}

#footer #copyright {
	margin: 1px 0 0 5px;
	float: left;
	color: #666666;
	font-size: 12px;
	display: inline;
}

#footer .rightLinks {
	float: right;
	margin-right: 5px;
}

#footer #accessibilityPolicy a,
#footer #canadaPrivacyPolicy a,
#footer #privacyPolicy a {
	margin: 1px 5px 0 0;
	font-size: 12px;
	display: inline
} 

#footer #licenseAgreement a {
	font-size: 12px;
}

#footer #canadaPrivacyPolicy span,
#footer #accessibilityPolicy span,
#footer #licenseAgreement span {
	font-size: 12px;
	margin-right: 8px;
}

.footerBarTable td {
	padding-top: 5px;
	padding-bottom: 5px;
}

#footer #column {
	margin: 1px 5px 0 0;
	float: right;
	color: #666666;
	font-size: 12px;
	display: inline;
}

.footerBarTable {
	border-top: 2px solid;
	border-top-color: #0c2074;
}

#addlink {
	margin: 1px 195px 0 0;
	float: right;
	display: inline;
}

#centerbutton {
	width: 600px;
	padding-top: 20px;
	margin-bottom: 30px;
	padding-left: 130px;
}

/**************************************************************	
	Rules for specific classes	 
***************************************************************/
/**** Content and Headers	****/
.hidden {
	display: none;
}

.instructionalText {
	width: 600px;
}

.instructionalText754 {
	width: 754px;
}

.instructionalText774 {
	width: 790px;
}

.noteText {
	width: 350px;
}

ul.instructionalText {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.contentheader {
	font-size: 25px;
	font-weight: bold;
	color: #0c2074;
	white-space: nowrap;
	margin-bottom: 0;
}

.contentsubheader {
	font-size: 18px;
	font-weight: bold;
	color: #0c2074;
	text-decoration: none;
	white-space: nowrap;
	margin: 0;
}

.upcontentbheader {
	font-size: 22px;
	color: #000000;
	text-decoration: none;
	white-space: nowrap;
	margin: 0;
}

.upcontentsubheader {
	font-size: 18px;
	color: #0c2074;
	text-decoration: none;
	white-space: nowrap;
	margin: 0;
}

div.contentsubheader{
	line-height: 1.1;
}
.contenthalf {
	font-size: 6px;
}

.contentsmall {
	font-size: 10px;
}

.contentmedium {
	font-size: 12px;
}

.contentlarge {
	font-size: 14px;
}

.content {
	font-size: 16px;
}

.keytext {
	font-size: 10px;
	vertical-align: middle;
	height: 17px;
}

.customerlogo {
	font-size: 16px;
	font-weight: bold; 
	color: #0079c1;
	text-decoration: none;
}

.accountheader {
	font-weight: bold;
	font-size: 16px;
}

.datatable {
	border: 1px #cccccc solid;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-collapse: separate;
}

.datatable th, td.headerSpace {
	background-color: #efefef;
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	padding: 2px 0.5em 2px 0.5em;
	margin: 0;
}

th.header {
	background-color: #efefef;
	color: #333333;
	}
	
.datatable td {
	font-size: 16px;
	padding: 2px 0.5em 2px 0.5em;
	margin: 0;
}

.datatable td.topPadCell {
	padding: 6px 0.5em 0 0.5em;
}

.datatable td.bordercell {
  border-left: 1px #0c2074 solid;
  border-right: 1px #0c2074 solid;
	padding-right: 2em;
}

.datatable a {
	color: #0067a2 !important;
}

.datatable a:hover {
	color: #0090c6 !important;
}

.layeredtable {
	border: 1px #000 solid;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-collapse: collapse;
}

.layeredtable th {
	background-color: #0c2074;
	color: #ffffff;
	font-weight: bold;
}

.layeredtable th, .layeredtable td {
	font-size: 12px;
	padding: 2px 0.5em 2px 0.5em;
	margin: 0;
}

.layeredtable td.bordercell {
	border-left: 1px #0c2074 solid;
	border-right: 1px #0c2074 solid;
	padding-right: 2em;
}

.layeredtable th.leveloneheader {
	background-color: #0c2074; 
	color: #ffffff; 
	font-weight: bold;
	border-bottom: 1px #fff solid;
}

.layeredtable th.leveltwoheader {
	background-color: #0c2074; 
	color: #ffffff; 
	font-weight: bold;
}

table.infotable {
	border-collapse: collapse;
}

table.infotable th {
	font-weight: bold;
	padding: 1px 3px;
	background-color: transparent;
	color: #000;
}

table.infotable td {
	padding: 1px 3px;
	background-color: transparent;
}

table.messagetable {
	border-collapse: collapse;
}

table.messagetable td {
  padding-top: 0.5em;
	padding-left: 0.5em;
	background-color: transparent;
}

table.plaintable {
	border-collapse: collapse;
}

table.plaintable th {
	text-align: left;
	font-weight: normal;
	background-color: transparent;
	color: #000;
	padding: 2px 3px;
}

table.plaintable td {
	padding: 2px 3px;
}

.borderright {
	border-right: 1px solid #0c2074;
}

.borderleft {
	border-left: 0px solid #0c2074;
}

.borderbottom {
	border-bottom: 1px solid #0c2074;
}

.hiddenTH {
	color: #efefef;
	font-size: 2px;
	padding-left: 0;
	padding-right: 0;
}

.blackTH {
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
	font-size: 16px;
}

.whiteTH {
	background-color: #ffffff;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
}

.tableheader {
	background-color: #0c2074;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}

.tableheaderdisabled {
	background-color: #e5f4fb;
	color: #555555;
	font-weight: bold;
	font-size: 12px;
}

.tablerowdisabled {
	background-color: #e5f4fb;
	color: #555555;
}

.tablesubheader {
	background-color: #efefef;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
}

.tablesubheader2 {
	background-color: #0c2074;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}

.tablesubheader3 {
	background-color: #0079c1;
	color: #e5f4fb;
	font-weight: bold;
	font-size: 12px;
}

.tableinput3 {
	background-color: #0079c1;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}

.tablesubheader4 {
	background-color: #f6fbfd;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}

.tableheadersmall {
	background-color: #efefef;
	color: #333333;
	font-size: 16px;
}

.smalltableheader {
	background-color: #efefef;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}

.tableheaderinvisible {
	background-color: #efefef;
	color: #000066;
	font-weight: bold;
}

.sectionblocklinks {
	float: right;
	font-size: 12px;
	height: 20x;
	margin-top: 2px;
	margin-bottom: -2px;
}

.sectionblockheader {
	width: 790px;
	margin: 0;
	border-top: 1px	#0c2074 solid;
	border-bottom: 1px	#0c2074 solid;
	background-color: #e5f4fb;
	height: 25px;
	padding: 2px 5px 2px 5px;
}

* html .sectionblockheader {  /* this is a hack until we can go strict xhtml */
	height: 20px;
}

.sectionblockheader h3 {
	margin-left: 2px;
	padding: 0;
	display: inline;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}
.sectionblockheader h2 {
	margin-left: 2px;
	padding: 0;
	display: inline;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}
.sectionblockheader .sectionblocktoggle img {
	margin-top: 2px;
	margin-bottom: 2px;
}

.numberofrecords {
	font-size: 12px;
	white-space: nowrap;
}

.sectionheader {
	font-size: 18px;
	font-weight: bold;
	color: #0c2074;
	height: 25px; 
}

.sectionsubheader {
	font-size: 12px;
	font-weight: bold;
}

.globalnav{
	color: #ffffff;
	font-size: 11px;
}

.subglobalnav {
	color: #ffffff;
	font-size: 11px;
}

div.headerblock {
	width: 790px;
}

div.headerblock ul {
	border: 2px solid #0079c1;
	border-radius: 4px;
	border-left: 4px solid #0079c1;
	background-color: #f6fbfd;
	padding: 1px 8px 1px 5px;
	line-height: 100%;
	text-align: right;
	list-style-type: none;
	margin: 0;
}

div.headerblock li {
	font-size: 12px;
	background-color: #f6fbfd;
	color: #000000;
	margin: 0;
	padding: 0;
	clear: both;
}

div.headerblock .blockitem {
	text-align: left;
	float: left;
}

div.headerblock a {
	color: #0067a2;
}

div.headerblock a:hover {
	color: #0090c6;
}

.emptylist {
	font-style: italic;
}

.norcurrentpage {
	font-size: 12px;
	font-weight: bold;
	vertical-align: text-top;
}

.forDeleteText {
	color: #0090c6;
}

.forDeleteRedTextBorderRight {
	color: #0090c6;
	border-right: 1px solid #0c2074;
}

.forDeleteBlackTextBorderRight {
	color: #000000;
	border-right: 1px solid #0c2074;
}

.emphasizedText {
	font-style: italic;
}

.visaData {
	color: #3366FF;
}

/****	 Backgrounds	****/
.shaded {
	background-color: #eff3f7;
	color: #000000;
}

tr.shaded {
	background-color: #e5f4fb;
	color: #000000;
}

.shadedBorder {
	background-color: #e5f4fb;
	border-color: #e5f4fb !important;
	border: 4px solid;
}

.highlighted {
	background-color: #ffff13;
	color: #000000;
}

/* This class is for Numeric TEXT BOXES, 
it will right align for the decimal point */
.shadedNumTextBox {
	background-color: #eff3f7;
	color: #000000;
	text-align: right;
	padding: 0 2px 0 0;
}

/* This class is for BOLD Numeric TEXT BOXES, 
it will right align for the decimal point */
.shadedBoldNumTextBox {
	background-color: #eff3f7;
	color: #000000;
	text-align: right;
	font-weight: bold;
}

.white {
	background-color: #f6fbfd;
	color: #000000;
}

.borderlessTextBox{
	background-color: #f6fbfd;
	color: #000000;
	border-style: hidden;
	border-width: 0px; 
}

/* This class is for Numeric TEXT BOXES, 
it will right align for the decimal point */
.whiteNumTextBox {
	background-color: #f6fbfd;
	color: #000000;
	text-align: right;
	padding: 0 2px 0 0;
}

.darkBG {
	background-color: #0c2074;
	color: #f6fbfd;
}

.green {
	background-color: #0c2074;
	color: #000000;
	font-weight: bold;
}

.forDelete {
	background-color: #0090c6; 
	color: #000000;
}

/* This class is for Numeric TEXT BOXES, 
it will right align for the decimal point */
.forDeleteNumTextBox {
	background-color: #0090c6; 
	color: #000000;
	text-align: right;
}

.forDeleteRow {
	background-color: #0090c6;     
	color: #000000;
}

/**** Messages	****/
.errormessages, .confirmationmessages {
	width: 790px;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.errormessages li {
	font-weight: bold;
	color: #cc0033;
}

.errormessages li a {
	color: #cc0033;
}

.confirmationmessages li,.confirmationmessages.confirmText{
	font-weight: bold;
	color: #336699;
}

.warningmessage { /* Matches the color of icon_warning.gif */
	font-weight: bold;
	color: 015053;
}

.errormessage {
	font-weight: bold;
	color: #cc0033;
}

/* icon for Account Statement Status (Approve) */
.statementstatusapproveicon {
	font-size: 14px;
	color: #000000;
	font-family: "Circular-USB" !important;
	font-weight: bold;
	width: 14px;
	height: 15px;
	background-image: url(/cpsApp1/USBCommCare/images/background/icon_statement_status.gif);
	background-repeat: no-repeat;
	padding-left: 3px;
	margin-right: 1px;
	cursor: default;
	overflow: hidden;
}

/* icon for Account Statement Status (Reject) */
.statementstatusrejecticon {
	font-size: 14px;
	color: #000000;
	font-family: "Circular-USB" !important;
	font-weight: bold;
	width: 14px;
	height: 15px;
	background-image: url(/cpsApp1/USBCommCare/images/background/icon_rejected.gif);
	background-repeat: no-repeat;
	padding-left: 3px;
	padding-right: 10px;
	margin-right: 1px;
	cursor: default;
	overflow: hidden;
}

/****	 Navigation and Links	****/
a {
	font-size: 16px;
	text-decoration: underline !important;	
	color: #0067a2; 
	font-family: "Circular-USB" !important;
}

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

.globallinks, .globallinks:hover, .globallinks:visited {
	color: #f6fbfd;
	text-decoration: none; 
	font-size: 11px;
}

.springboardHeaders, .springboardHeaders:visited {
	color: #0067a2 !important;
	font-weight: bold;
	font-size: 18px;
}

.springboardHeaders:hover {
	color: #0090c6 !important;
}

a.springboardHeaders, a.springboardHeaders:visited {
	text-decoration: underline;	
}

.smallSpringboardHeaders, .smallSpringboardHeaders:visited {
	color: #0067a2 !important;
	font-weight: normal;
	font-size: 16px;
}

.smallSpringboardHeaders:hover {
	color: #0090c6 !important;
}

a.smallSpringboardHeaders, a.smallSpringboardHeaders:visited {
	text-decoration: underline;	
}

.mainNavLink {
	font-weight: bold;
	color: #0067a2;
	text-decoration: none !important;
	font-size: 11px;
}

.mainNavLink:hover{
	color: #0079c1;
	text-decoration: none !important;
}

.mainNavLinkActive {
	font-weight: bold;
	color: #0067a2;
	font-size: 15px;
	text-decoration: none !important;
}

.mainNavLinkActive:hover {
	color: #0079c1;
	text-decoration: none !important;
}

.subNavLink {
	font-weight: normal;
	color: #0067a2;
	padding-left: 0px;
	text-decoration: none !important;
	font-size: 11px;
	padding-bottom: 4px;
	width: 150px;
}

.subNavLink:hover {
	font-weight: bold;
	color: #0079c1;
	text-decoration: none !important;
}

.subNavLinkActive:hover {
	color: #0079c1;
	text-decoration: none !important;
}

.subNavLinkActive {
	font-weight: bold;
	color: #0067a2;
	padding-left: 0px;
	text-decoration: none !important;
	font-size: 11px;
	padding-bottom: 4px;
}

.navlinks2 {
	margin-left: 6px;
	list-style: none;
	padding: 5px 0 10px 0;
	width: 150px;
}

tr>td.pl22{
	padding-left:22px;
}

.subNavlinks2 {
	margin-left: 6px;
	list-style: none;
	padding: 0;
	width: 150px;
}

.navlinks {
	margin-left: 6px;
	list-style: none;
	padding: 0 0 10px 0;
	width: 150px;
}

.navlinks li {
	margin-bottom: 5px;
}

.navlinks li a, .navlinks li a:visited {
	font-weight: bold;
	color: #0067a2;
	text-decoration: none !important;
	font-size: 11px;
}

.navlinks li a:hover {
	font-weight: bold;
	color: #0090c6;
	text-decoration: none !important;
	font-size: 11px;
}

.navlinks li .activenavlink, .navlinks li .activenavlink:visited,
.subnavlinks li .activenavlink, .subnavlinks li .activenavlink:visited {
	color: #0c2074;
}

.navlinks li .activenavlink:hover,
.subnavlinks li .activenavlink:hover {
	color: #0c2074;
}

.subnavlinks {
	margin: 0 0 6px 20px;
	list-style: none;
	display: block;
	padding: 0;
}

.subnavlinks li {
	margin: 0;
	line-height: normal;
	display: block;
	padding: 0;
}

.subnavlinks li a, .subnavlinks li a:visited {
	font-weight: normal;
	color: #0c2074;
	text-decoration: none !important;
	font-size: 11px;
}

.subnavlinks li a:hover {
	font-weight: normal;
	color: #0c2074;
	text-decoration: none !important;
	font-size: 11px;
}

.subnavlinks_active li a, .subnavlinks_active li a:visited {
	color: #0c2074;
	text-decoration: none !important;
	font-size: 11px;
}

.subnavlinks_active li a:hover {
	color: #0c2074;
	text-decoration: none !important;
	font-size: 11px;
}

.recordlinks, .recordlinks:hover {
	font-size: 12px;
}

.sortcolumnlinks, .sortcolumnlinks:visited {
	font-weight: bold;
	color: #0090c6;
	text-decoration: underline;
	font-size: 16px;
}

.sortcolumnlinks:hover {
	font-weight: bold;
	color: #0067a2;
	text-decoration: underline;
	font-size: 16px;
}

.sortcolumnlinkssmall, .sortcolumnlinkssmall:hover, .sortcolumnlinkssmall:visited {
	color: #f6fbfd;
	text-decoration: underline;
	font-size: 10px;
}

.fordeletelink, .fordeletelink:hover, .fordeletelink:visited {
	color: #0090c6;
	text-decoration: underline;
}

/****   Navbar   ****/

.navbarBackground {
	width: 790px;
	height: 24px;
	background-color: #0079c1;
	padding: 1px 0 0 0;
	text-align: left;
}

.navbar {
	font-size: 16px;
	height: 22px;
	text-align: center;
	display: inline;
	float: left;
	padding: 0 3px;
	color: white;
	border-left: 1px solid white;
}

.navbar.first {
	border-left: none;
}

.navbarActive {
	font-weight: bold;
	color: #ffffff;
	margin-right: 2px;
	vertical-align: top;
}

.navbarPointer {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #ffffff;
	margin-right: 2px;
	vertical-align: baseline;
}

#navbarPointer {
	color: #ffffff;
	position: relative;
	top: 1px;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	height: 16px;
	padding-left: 2px;
	margin-right: 2px;
	vertical-align: baseline;
}

.navbar a, .navbar a:visited {
	font-size: 16px;
	color: #ffffff !important;
	margin: 0 2px;
}

.navbar a:hover {
	color: #cccccc !important;
}

.navbar>a:focus, .navbar>a:hover{
	border : solid 1px #ffffff;
	outline : none;
	margin : 0px;
	padding : 0px 4px;
}
.navbarMenuContainer {
	margin-bottom: 0px !important;
	min-height: 0px !important;
	border-right: 2px solid #f6fbfd !important;
}

/****	 Miscellaneous	 ****/
.note {
	font-weight: bold;
	color: #336666;
}

.required {
	font-weight: bold;
	color: #cc0033;
	font-size: 14px;
}

.subtext_aqua {
	font-weight: bold;
	color: #336666;
	font-size: 12px;
}

.subtext_black {
	font-weight: normal;
	color: #000000;
	font-size: 12px;
}

.left {
	text-align: left; 
}

.textAlignRight {
	text-align: right;
}

.center {
	text-align: center;
}

.graytext {
	color: #333333;
}

div.pagebreak {
	page-break-before: always;
}

.HorzDivider {
	background-image: url("/cpsApp1/USBCommCare/images/background/blue_line_no_border.gif");
	background-repeat: repeat-x;
	background-position: left center;
}

.calendarbutton {
	width: 100% 100%;
	overflow: visible;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}

/**
 * The select day in the DHTML calendar - this should have a better naming/CSS 
 * structuring, but we are limited due to the way the 3rd party calendar tool
 * writes the HTML.
 */
.calendarSelectedDay {
	font-weight: bolder;
	color: #fff;
	background-color: #0079c1;
	display: block;
	border: 3px solid #888888;
	margin: 0;
}


/*****************************************************************	
	Rules for old classes which are obsolete, do not use!!!	 
******************************************************************/
 .global2nav {
	font-size: 11px;
	font-style: oblique;	
}

/*	only used in	 ...TM/ManagingAcctSearchContent.jsp	 */
.bodyheader {
	font-size: 14px;	
}

/**
 * Remove border from all fieldsets and make the legend hidden since styling
 * the legend is poorly supported.
 */
fieldset {
	border: none;
	padding: 5px 0;
	margin: 0;
}

fieldset legend {
	display: none;
}

/**
 * Thin blue divider to replace usage of image. Uses color and background-color
 * to achieve similar display across browsers
 * NOTE: IE6 draws a phantom 7 pixels of extra margin so HRs will look a little less
 * padded (and correct) in Firefox and other compliant browsers
 */
hr {
	color: #006;
	background-color: #006;
	width: 790px;
	height: 1px;
	margin: 18px 0;
	text-align: left;
	border: 0;
	padding: 0;
}

/**
 * Shaded row (styled to appeaar as a table) static list element
 */
#container {
	border: 1px solid #cccccc;
	text-align: left;
	width: 790px;
}

#container h3 {
	color: #333333;
	background-color: #efefef;
	font-weight: bold;
	font-size: 16px;
	padding: 2px 0 2px 5px;
	width:100%;
	margin: 0;
}

#container ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#container li {
	padding: 5px;
}

/**
 * Shaded row styled to appeaar as a table for Entitlement Groups  
 */
.assignmentsubheader {
	background-color: #0079c1;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
}

.assignmentsubheader2 {
	background-color: #0079c1;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 0px 0px 0px;
}

.assignmentText {
	width: 540px;
}

#assignmentContainer {
	border: 1px solid #0c2074;
	text-align: left;
	width: 540px;
	padding: 0px 0px 0px 0px;
}

#assignmentContainer h3 {
	font: bold 12px;
	font-family: "Circular-USB" !important;
	color: #333333;
	background-color: #efefef;
	padding: 3px 0 3px 1px;
	width: 100%;
	margin: 0;
}
#assignmentContainer h2 {
	font: bold 12px;
	font-family: "Circular-USB" !important;
	color: #333333;
	background-color: #efefef;
	padding: 3px 0 3px 1px;
	width: 100%;
	margin: 0;
}
#assignmentContainer ul {
	background-color: #f6fbfd;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#assignmentContainer li {
	padding: 0px 0px 0px 0px;
	line-height: 25px;	
}

/**
 * Generic floatLeft container for plain text and links. Heading on top, value below.
 */
#floatLeftContainer {   
	float: left;
}

#floatLeftContainer ul {
	float: left; 
	list-style: none;
	margin: 0px;
}

#floatLeftContainer li {
	float: left;
	padding-left: 0px;
}

/**
 * Hierarchy Position container with plain text. Heading on top, value below.
 */
ul.hierarchyPositionBlock{
	float: left; 
	list-style: none;
	margin: 0px;
	padding-left: 0px;
	width: 65px;
}
ul.hierarchyPositionBlock.extraWidth{
	width: 89px;
}

/**
 * Hierarchy Position container with blue header and outline. 
 */
#hierarchyPositionTable{
	list-style: none;
	border: 1px solid #0c2074;
	text-align: left;
	float: left;
	width: 453px;
}

#hierarchyPositionTable ul {
	padding: 0px 0px 0px 0px;
	float: left; 
	list-style: none;
	display: inline-block;
	margin: 0px;
	width: 90px;
}

#hierarchyPositionTable span {
	float: left;
	font: bold 12px;
	font-family: "Circular-USB" !important;
	color: #fff; 
	padding: 3px 10px 3px 5px;
	background-color: #0c2074;
	width: 100%;
}

#hierarchyPositionTable li {
	float: left;
	padding: 3px 10px 3px 5px;
	width: 100%;
}

/**
 * Inline label layout for form elements. This is a floatLeft container for field text labels and/or plain text read-only values.
 * This is intended to be used with horizontalFormElementContainer for left justified layouts.
 */
#inlineLabelValueContainer {   
	float: left;
	width: 160px;
}

#inlineLabelValueContainer ul { 
	list-style: none;
	margin: 0px;
	padding-left: 0px;
}

#inlineLabelValueContainer li {
	padding: 2px 15px 8px 0;
	height: 35px;
}

#inlineLabelValueBlock ul{ 
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 160px;
}

#inlineLabelValueBlock li{
	margin: 0px;
	padding: 9px 0px 0px 0;
	text-align: left;
	list-style: none;
	width: 160px;
}

/**
 * Inline layout for form elements. This is a floatLeft container for form fields with specific padding for text fields.
 * Other form elements may need to have their padding adjusted via an in-line style in the <li> tag. 
 * This definition is intended to be used with horizontalLabelValueContainer for left justified layouts.
 */
#inlineFormElementContainer {   
	float: left;
	width: 200px;
}

#inlineFormElementContainer ul { 
	list-style: none;
	margin: 0px;
	padding-left: 0px;
}

#inlineFormElementContainer li {
	padding: 0 15px 10px 0;
	height: 35px;
}

/**
 * Inline block element - renders a block element in and inline flow.
 * NOTES: - have to use span to make it work in IE 6 and 7
 *        - -moz-inline-box makes it work in Mozilla browsers (Firefox)
 *		  - the width is set to 1px so elements inside can set their own widths
 */
span.inlineBlock {
	display: -moz-inline-box;
	display: inline-box;
	width: 1px;
	vertical-align: top;
}

ul.instructionList {
	padding: 0 15px;
	margin: 0;
	list-style-type: none;
}

ul.entitlements {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 300px;
}

ul.springboardItems {
	padding: 0 0 15px 0;
	margin: 0;
	list-style-type: none;
}

ul.springboardItems li {
	padding: 8px 15px 8px 0;
}

.springboardColumn {
	float: left;
	width: 350px;
}

/**
 * A flowing form allows you to put multiple form inputs on a single line.
 * Simply put the form in a fieldset with this class and put your form elements
 * into and unordered list. Each unordered list (ul) becomes a new line in the form.
 */
fieldset.flowingForm ul {
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}

fieldset.flowingForm ul li {
	float: left;
	padding: 4px;
}

/**
 * Clear the first li to fix floating problems
 */
fieldset.flowingForm ul li:first-child {
	clear: both;
}

fieldset.flowingForm ul li label {
	display: block;
}

fieldset.flowingForm ul li label.hidden {
	display: none;
}

fieldset.flowingForm ul li.bottomAligned {
	padding-top: 2em;
}

fieldset.flowingForm ul li.wideElement {
	width: 225px;
}

/**
 * Standard form - one form item per line
 */
fieldset.standardForm ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

fieldset.standardForm ul li {
	padding: 4px;
}

fieldset.standardForm ul li label {
	display: block;
}

/**
 * Standard form - one form item per line
 */
fieldset.standardFormCompressed ul {
	list-style: none;
	padding: 0;
	margin: 2;
}

fieldset.standardFormCompressed ul li {
	padding: 2px;
}

fieldset.standardFormCompressed ul li label {
	display: block;
}

/**
 * Verticle Aligned form - one form item per line, input fields/values align left.
 * put a div around the field label with an inline style width.
 */
fieldset.verticleAlignedForm ul, .replaceFeildset.verticleAlignedForm ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

fieldset.verticleAlignedForm ul li, .replaceFeildset.verticleAlignedForm ul li{
	padding: 3px;
}                                       

fieldset.verticleAlignedForm ul li div,.replaceFeildset.verticleAlignedForm ul li div {
	float: left;
}

/**
 * Horizontally Aligned form and values - multiple form items / values per line with multiple fieldsets per line, values and fields align left.
 */
#horizontalFormAndValues {   
	float: left;
}

/**
 * dotted grey left divider
 */
.leftDivider {
	background: url(/cpsApp1/USBCommCare/images/background/grey_dot.gif) repeat-y;
}

/**
 * Table used for left floated tables - a horizontal row of tables
 */
table.floatingInfo {
	float: left;
	margin-right: 10px;
	border-collapse: collapse;
}

/**
 * Report description header
 */
.reportDescriptionHeader {
	width: 700px;
	font-weight: bold;
	font-size: 14px;
	color: #0c2074;
}

.inlineLabel {
	width: 165px;
}

.inlineLabelBold {
	width: 150px;
	font-weight: bold;
	padding: 3px;
}

/**
 * This class is the best attempt to create a block that preserves whitespace
 * and wraps naturally within its parent block. (like how white-space:pre-wrap is
 * supposed to work)
 */
pre.preWrap {
	padding: 0;
	margin: 0;
	white-space: pre-wrap; /* CSS 3 */
	white-space: -moz-pre-wrap; /* mozilla specific */
	word-wrap: break-word; /* IE 6 specific */
}

/** 
 * Template selection fields
 */
fieldset.templateSelection {
	float: left;
	width: 375px;
}
fieldset.templateSelection h4 {
	background-color: #efefef;
	color: #333333;
	padding: 3px 12px;
}
fieldset.templateSelection h3 {
	background-color: #efefef;
	color: #333333;
	padding: 3px 12px;
}
fieldset.templateSelection p.templateDescription {
	padding-left: 23px;
}
fieldset.templateSelection ul {
	list-style: none;
	margin: 5px 0;
	padding: 10px;
}
fieldset.templateSelection ul li {
	padding: 5px 0 0 0;
}

/**
 * Report List Table 
 */
table.reportList {
	width: 750px;
}
table.reportList th {
	text-align: left;
}
table.reportList a {
	display: block;
}
table.reportList label {
	cursor: pointer;
}

/**
 * Report Colums Table 
 */
table.reportColumns {
	width: 100%;
}
table.reportColumns th {
	text-align: left;
}
table.reportColumns th div.controls {
	font-size: 8pt;
	color: black;
	font-weight: normal;
}
table.reportColumns tr.categoryTypeHeader {
	font-weight: bold;
}
table.reportColumns tr.categoryTypeHeader td {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
table.reportColumns tr.categoryTypeHeader td span.noLinkHeader {
	padding: 5px;
	display: block;
	position: relative;
	float: left;
}
table.reportColumns input.alternateFieldName {
	width: 300px;
}
table.reportColumns input.wrapData {
	width: 4em;
}
table.reportColumns tr.categoryTypeHeader a.expandToggle {
	text-decoration: none;
	display: block;
	color: black;
	cursor: hand;
	padding: 5px;
	position: relative;
	float: left;
}
table.reportColumns tr.categoryTypeHeader a.expandToggle:hover {
	text-decoration: none;
	color: black;
	cursor: hand;
}

/**
 * Report Filters Table 
 */
table.reportFilters {
	width: 100%;
}
table.reportFilters td {
	padding: 10px;
}
table.reportFilters th {
	text-align: left;
}

/**
 * Table for hierarcy listings in Flex Data reporting
 */
table.filterHierarchyList {
	width: 400px;
}
table.filterHierarchyList th {
	padding: 2px;
}
table.filterHierarchyList td {
	padding: 2px;
}

/**
 * Template detail inputs section
 */
fieldset.templateDetailInputs label.mainLabel {
	display: block;
	font-weight: bold;
	padding-top: 5px;
}
fieldset.templateDetailInputs label.subLabel {
	display: block;
}
fieldset.templateDetailInputs input.name {
	width: 25em;
}
fieldset.templateDetailInputs input.description {
	width: 50em;
}
fieldset.reportOutputInputs legend {
	display: inline;
	position: relative;
	top: 0;
	left: -6;
	color: #000;
	padding: 5px 0 0 0;
	font-weight: bold;
}
fieldset.templateDetailInputs .floatingFormElement {
	float: left;
	padding-right: 50px;
}

/**
 * Template detail buttons section
 */
fieldset.templateDetailButtons {
	margin-top: 20px;
	padding-bottom: 20px;
}
fieldset.templateDetailButtons a {
	padding-right: 15px;
}

/**
 * Column sort order inputs
 */
fieldSet.columnSort {
	width: 740px;
}
fieldset.columnSort h2 {
	background-color: #0c2074;
	color: #fff;
	text-align: center;
	padding: 2px;
	margin-bottom: 4px;
}
fieldset.columnSort select.columnOrdering {
	width: auto;
	max-width: 430px;
	height: 250px;
	float: left;
	margin-left: 25%;
}
fieldset.columnSort fieldset.moveButtons {
	float: left;
	text-align: center;
	width: auto;
}
fieldset.columnSort fieldset.moveButtons a {
	display: block;
	margin: 20px;
}

/**
 * Sort Criteria fields
 */
fieldset.sortCriteria {
	float: left;
	width: 24%;
	padding: 3px;
}
fieldset.sortCriteria h2 {
	background-color: #0c2074;
	color: #fff;
	text-align: center;
	padding: 2px;
	margin-bottom: 4px;
}
fieldset.sortCriteria select {
	width: 100%;
	font-size: 8pt;
}
fieldset.sortCriteria label {
	display: block;	
}
fieldset.sortCriteria label.hidden {
	display: none;	
}
fieldset.sortCriteria label.breakSubtotal {
	padding-top: 20px;
}

/**
 * Hierarchy input fields
 */
fieldset.hierarchy label {
	display: block;
	float: left;
	width: 6em;
	font-size: .9em;
}
fieldset.hierarchy input {
	width: 4em;
}
fieldset.hierarchy a.searchLink {
	display: block;
	clear: both;
	text-align: right;
}

/**
 * Account numbers
 */
fieldset.accountEntry input {
	width: 38em;
}
fieldset.accountEntry a.searchLink {
	float: right;
	display: block;
}

/** 
 * Date range selection 
 */
fieldset.dateRange input {
	width: 6em;
}
fieldset.dateRange span {
	padding: 0 20px;
}
fieldset.dateRange img {
	border: none;
}
fieldset.dateRange input.cycleDateSelect {
	width: 15px;
}

/**
 * Text list input
 */
fieldset.textList label {
	display: block;
}
fieldset.textList select {
	width: 300px;
	height: 55px;
}
fieldset.textList input {
	width: 300px;
}

fieldset.multiList select {
	width: 300px;
	height: 55px;
}

fieldset.textWithSearch input {
	width: 300px;
}

fieldset.contactInformation {
	padding-bottom: 10px;
}

/** 
 * Tabs and tab body 
 */
table.tabBody {
	clear: both;
	border: solid 1px #0c2074;
}
table.tabBody .tabBodyInside {
	padding: 10px;
}
table.fixedWidthTabBody {
	width: 1100px;
}
ul.tabs {
	list-style-type: none;
	padding: 0;
	margin: 0 0 -1px 0;
}
ul.tabs li {
	float: left;
	height: 20px;
	overflow: visible;
	position: relative;
	margin: 0;
	z-index: 2;
}
ul.tabs li a {
	text-decoration: none;
	background-image: url(/cpsApp1/USBCommCare/images/tabs/tabcorner.gif);
	background-color: #e5f4fb;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: -1px;
	display: block;
	padding: 4px 0 3px 5px;
	min-height: 14px;
}
ul.tabs li a.first {
	background-image: url(/cpsApp1/USBCommCare/images/tabs/tabcorner_first.gif);
	padding-left: 6px;
}
ul.tabs li a:hover {
	text-decoration: none;
	background-color: white;
}
ul.tabs li a.selected {
	padding-bottom: 4px; /* one pixel lower to cover the line */
	background-color: white;
}
ul.tabs li a .tabtext {
	text-align: center;
	font-family: "Circular-USB" !important;
	font-size: 8pt;
	color: black;
	background-image: url(/cpsApp1/USBCommCare/images/tabs/tab_bg.gif);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 4px 8px 3px 5px;
	white-space: nowrap;
}
ul.tabs li a.selected .tabtext {
	border-top: 3px solid black;
	padding-bottom: 4px;
}
.requiredtab {
	font-weight: bold;
	color: #cc0033;
}

.floatLeft {
	float: left;
}

.clearFloat {
	clear: both;
}

.verticalAlignBottom{
	vertical-align: bottom;
}

.verticalAlignBaseline {
	vertical-align: baseline;
}

.aquanote {
	color:#008080;
}

input.submitbutton {
	font-family: "Circular-USB" !important;
	display: inline;
	padding: 9.5px;
	margin: 0 10px 0 -9px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.42857143;
	color: #ffffff !important;
	background-color: #0079c1 !important;
	overflow: visible;
	word-break: break-all;
	word-wrap: break-word;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
}

input[type="submit"].submitbutton:active {
	background-color:  #0C2074 !important;
	outline: 0;
	box-shadow: inset 3px 3px 8px rgba(51, 51, 51, 0.5);
	padding: 10.5px 8.5px 8.5px 10.5px;
}

input[type="submit"].submitbutton:focus {
	background-color: #0C2074 !important;
	outline: 0;
}

input[type="submit"].submitbutton:hover {
	background-color: #0C2074 !important;
	outline: 0;
}

input[type="button"].submitbutton:active {
	background-color:  #0C2074 !important;
	outline: 0;
	box-shadow: inset 3px 3px 8px rgba(51, 51, 51, 0.5);
	padding: 10.5px 8.5px 8.5px 10.5px;
}

input[type="button"].submitbutton:focus {
	background-color: #0C2074 !important;
	outline: 0;
}

input[type="button"].submitbutton:hover {
	background-color: #0C2074 !important;
	outline: 0;
}

a .submitbutton {
	font-family: "Circular-USB" !important;
	display: inline;
	padding: 11.5px 9.5px 11.5px 9.5px;
	margin: 0 10px 0 -9px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none !important;
	line-height: 1.42857143;
	color: #ffffff;
	background-color: #0079c1;
	overflow: visible;
	word-break: break-all;
	word-wrap: break-word;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
}

a.submitbutton {
	font-family: "Circular-USB" !important;
	display: inline;
	padding: 11.5px 9.5px 11.5px 9.5px;
	margin: 0 10px 0 -9px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none !important;
	line-height: 1.42857143;
	color: #ffffff !important;
	background-color: #0079c1 !important;
	overflow: visible;
	word-break: break-all;
	word-wrap: break-word;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
}

a.submitbutton:active {
	background-color: #0C2074 !important;
	outline: 0;
	box-shadow: inset 3px 3px 8px rgba(51, 51, 51, 0.5);
	padding: 12.5px 8.5px 10.5px 10.5px;
	margin: 0px 9px 0px -8px;
}

a.submitbutton:focus {
	background-color: #0C2074 !important;
	outline: 0;
}

a.submitbutton:hover {
	background-color: #0C2074 !important;
	color: #ffffff !important;
	outline: 0;
}

.submitbutton:hover {
	background-color: #0090c6;
}

.submitbuttonwrapper a, .submitbuttonwrapper a:hover, .submitbuttonwrapper a:active, .submitbuttonwrapper a:visited {
	text-decoration: none !important;
	outline: 0;
}

input.submitbuttongray {
	font-family: "Circular-USB" !important;
	display: inline;
	padding: 9.5px;
	margin: 0 10px 0 -9px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.42857143;
	color: #ffffff;
	background-color: #7ab6da;
	overflow: visible;
	word-break: break-all;
	word-wrap: break-word;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
}

a .submitbuttongray {
	font-family: "Circular-USB" !important;
	display: inline;
	padding: 11.5px 9.5px 11.5px 9.5px;
	margin: 0 10px 0 -9px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none !important;
	line-height: 1.42857143;
	color: #ffffff;
	background-color: #7ab6da;
	overflow: visible;
	word-break: break-all;
	word-wrap: break-word;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
}

.submitbuttonwrappergray a, .submitbuttonwrappergray a:hover {
	text-decoration: none !important;
}

.buttonCell {
	height: 40px;
}

.cellLeftBorder{
   border-left: 2px solid #000000;
 }  
 
.blackborder {
	border: 1px solid #000000;
}

.contactUsTable {
	border: 0px #0c2074 solid;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-collapse: collapse;
	width: 600px;
}

.splashheader {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	white-space: nowrap;
}

.greentext {
	color: #006600;
}
.redtext {
	color: #cc0033;
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity: 0;
	filter: alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.paddedTD {
 	padding-top: 10px;
}

.fadedTxt {
	color: #bdbdbd;
}

#AYSTable td {
	padding-top: 10px;
}

#darkerTxt {
	color: #000000;
}

.red_x {
	position: relative;
	text-decoration: none;
	background-image: url(/cpsApp1/USBCommCare/images/background/icon_red_x.gif); 
	background-repeat: no-repeat;
	background-position: left top;
	width: 12px;
	height: 12px;
	padding-left: 20px;
	margin-left: 5px;
}

.black_arrow {
	position: relative;
	text-decoration: none;
	background-image: url(/cpsApp1/USBCommCare/images/background/icon_recently_viewed.gif); 
	background-repeat: no-repeat;
	background-position: left top;
	width: 12px;
	height: 12px;
	padding-left: 20px;
	margin-left: 5px;
}

.outerBorderLeft {
	border-left: 1px #0c2074 solid;
}

.outerBorderTop {
	border-top: 1px #0c2074 solid;
}

.outerBorderTopLeft {
	border-left: 1px #0c2074 solid;
	border-top: 1px #0c2074 solid;
}

.outerBorderTopRight {
	border-right: 1px #0c2074 solid;
	border-top: 1px #0c2074 solid;
}

.outerBorderBottomLeft {
	border-left: 1px #0c2074 solid;
	border-bottom: 1px #0c2074 solid;
}

.outerBorderRight {
	border-right: 1px #0c2074 solid;
}

.outerBorderBottomRight {
	border-right: 1px #0c2074 solid;
	border-bottom: 1px #0c2074 solid;
}

.outerBorderBottom {
	border-bottom: 1px #0c2074 solid;
}

table.tablesorter tbody tr.even td {
	background-color: #e5f4fb;
}

.message-modal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #000000;
	opacity: 0;
}

/*  div class  */
.message {
	position: absolute;
	padding: 0;
	margin: 0;
	text-shadow: none;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	font-family: "Circular-USB" !important;
}

/*   outside box  */
.message-box {
	position: relative;
	width: 450px;
	height: 275px;
	margin: 0 auto;
	padding: 0px;
	/* overflow-x: hidden;
	overflow-y: auto; */
	background-color: #f6fbfd; 
	border-radius: 15pt 15pt;
	-webkit-border-radius: 15pt 15pt;
	-moz-border-radius: 15pt 15pt;
	opacity: 1;
	border: 12px solid #000066;
}

/*   inside box  */
.message-wrapper {
	position: relative;
	background-color: #f6fbfd; 
	border-radius: 15pt 15pt;
	-webkit-border-radius: 15pt 15pt;
	-moz-border-radius: 15pt 15pt;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

.message-titlebox {
	padding: 8px;
	overflow: hidden;
	margin: 0px;
	font: 1.3em bold;
	color: #656565;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	font-family: "Circular-USB" !important;
	background-color: #f6fbfd;
	border-radius:15pt !important;
}

.message-dynamic-title {
	padding-bottom: 10px;
	overflow: hidden;
	color: #656565;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
}

.message-titlebox.info {
	background-color: #4ea5cd;
	background-image: none;
}

.message-titlebox.error {
	background-color: #de4343;
	background-image: none;
}

.message-titlebox.warning {
	background-color: #eaaf51;
	background-image: none;
}

.message-titlebox.success {
	background-color: #61b832;
	background-image: none;
}

.message-closebtn {
	position: absolute;
	top: 3px;
	right: 12px;
	text-align: right;
	font-family: "Circular-USB" !important;
	width: 5px;
	height: 15px;
	color: #656565;
	cursor: pointer;
	background-color: #f6fbfd;
  padding-right: 7px;
}

.message-closebtn::before {
	position: relative;
	top: 2px;
	display: block;
	width: 25px;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.message-content {
	padding: 8px;
	height: 275px;
	overflow-x: hidden;
	overflow-y: auto;
	font: .9em normal;
	font-family: "Circular-USB" !important;
}

.message-content p {
	margin: 0 0 1.3em;
	line-height: 1.3em;
}

.hpmessages {
	padding-top: 4px;
	padding-bottom: 1px;
	padding-left: 0px;
}

.homepageLink {
	text-decoration: underline;
	color: #0c2074;	
}

.messageText {
	padding-top: 5px;
	padding-bottom: 10px;
}

.menuCell {
	width: 160px !important;
	vertical-align: top;
}

.contentCell {
	vertical-align: top;
	padding-top: 11px;
}

.contentContainer {
	margin: 10px;
}

.textAlignCenter {
	text-align: center;
}

.tableRowInput {
	height: 22px;
	line-height: 22px;
}

.centeredButtonCell {
	padding: 10px 10px 0 19px;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
}

.normalText {
	font-weight: normal;
}

select option:active, select option:checked {
	background-color: #e5f4fb !important;
	color: #000000 !important;
}

.bannertop {
	background: transparent no-repeat bottom right;
}

.bannertopTable {
	border-bottom: 4px solid;
	border-bottom-color: #0c2074;
}

.bannertopTable td {
	padding-left: 6px;
}

.bannertopLogoutLink {
	width: 100px;
	text-align: right;
	padding-bottom: 13px;
}

.bannertopLogo {
	padding-top: 14px;
	padding-bottom: 29px;
	padding-left: 42px !important;
	vertical-align: top;
}

.bannertopLogoImage {
	width: 163px;
	height: 28px;
	background: url("/cpsApp1/USBCommCare/images/ELAVON/access_online_header_logo.png") no-repeat;
	background-size: 163 28px;
	display: block;
}

.bannertopLogoAxol {
	vertical-align: bottom;
}

.logo {
	position: relative;
	display: block;
	width: 160px;
	height: 40px;
	margin-top: 4px;
	margin-bottom: 5px;
}

.sessionEndLogo {
	text-decoration: none;
	background-image: url(/cpsApp1/USBCommCare/images/ELAVON/session_ending_logo.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	width: 140px;
	height: 26px;
}

.sessionEndBarSwoosh {
	text-decoration: none;
	background-image: url(/cpsApp1/USBCommCare/images/ELAVON/session_ending_bar.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	width: 376px;
	height: 6px;
}
.select_favorite_link /*Favorite PH-RH changes*/
{
	outline: 1px solid #cccccc;	
}
.skip 
{
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.okbtn{
 width: auto;
 background-color: #0079C1;
 color: #ffffff;
}

.relationship-grps{
  font-weight: normal;
}

.relation-col{
  padding-right: 25px;
}

.okbtn:hover,.okbtn:focus{
 background-color: #0C2074;
 color: #FFFFFF;
}
.okbtn:active{
 background-color: #0C2074 !important;
 outline: 0;
 box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 padding: 3px 14px 0px 17px;
}
.secChartHeaderColor{
  color: #0C2074;
}
.datatable th.secChartHeaderColorDelete{
  color: #0C2074;
}

a.submitbuttongray {
	font-family: "Circular-USB" !important;
	display: inline;
	padding: 11.5px 9.5px 11.5px 9.5px;
	margin: 0 10px 0 -9px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none !important;
	line-height: 1.42857143;
	color: #ffffff;
	background-color: #7ab6da;
	overflow: visible;
	word-break: break-all;
	word-wrap: break-word;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
}
.marginLT20{
margin-left: 20px;
}
.records{
  font-size: small;
}
table.approver-tm {
   width: 590px;
   display: block;
}

table.approver-tm tbody{
   overflow: auto;
   max-height:260px;;
   display: block;
   
}

.pagesubheader {
	font-size: 22px;
}

.mpihr {
    background-color: grey;
}

.mt-8 {
  margin-top: 8px !important;
}

 .mtb-30{
   margin: 30px 0px;
 }
  
 .width-200{
   white-space:normal;
   width: 200px;
 }
 .hDivLegacy .bannertopLogoutLink{
	padding-bottom: 0px;
}
a.inactivebutton {
   pointer-events: none;
   cursor: default;
   background-color: #7ab6da !important;
   font-family: "Circular-USB" !important;
	display: inline;
	padding: 11.5px 9.5px 11.5px 9.5px;
	margin: 0 10px 0 -9px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none !important;
	line-height: 1.42857143;
	color: #ffffff !important;
	overflow: visible;
	word-break: break-all;
	word-wrap: break-word;
	border: 0;
	border-radius: 4px;
}
.overlay {
    top: 95px;
    height: 87.6%;
}
.vppInfo {
	border: 1px solid #0079c1;
	border-radius: 5px;
	background-color: #f6fbfd;
    width: 790px;
    display: inline-flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 7px;
    margin-bottom: 15px;
}