/*********************************************************************************
		The following CSS definitions are for Project Beacon or AccessOnline
		This file is organized as follows:
				- Rules for HTML tags
				- Rules for specific classes
				- Rules for Old classes which are obsolete 
*********************************************************************************/
/*********************************************************************************	
	Rules for HTML tags	 
	USBC
*********************************************************************************/

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 : Arial, Helvetica, sans-serif;
	color : black;
	font-size : 12px;
}

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

body {
	background-color : white;
}

h2 { font-size : 135%; }
h3 { font-size : 115%; }
h4 { font-size : 105%; }
h5 { font-size : 100%; }
h6 { font-size : 95%; }

th {
	background-color : #000066;
	color : #ffffff;
	font-weight : bold;
	white-space: nowrap;
}

pre {
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 12px; 
	margin-bottom : 0px;
}

img {
	border: 0;
}

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

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

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

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

#header {
	margin-top:15px;
	width: 950px;
}

#header #AXOLTEXT {
	position:relative;
	float:left;
	width:600px;
	font-family : Arial, Helvetica, sans-serif;
	color : #0c2074;
	font-size : 18px;
	padding-left:10px;
}

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

#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;
	height:22px;
	width:950px;
}

.headerbarlink {
	position:relative;
	float:right;
	height:22px;
	width:auto;
	font-family : Arial, Helvetica, sans-serif;
	text-align:right;
	margin-left:8px;
	margin-right:8px;
	margin-top:5px;
	font-size: 11px;
	color: #FFFFFF;
}

.headerbarlink_onMouse {
	position:relative;
	float:right;
	height:22px;
	width:auto;
	font-family : Arial, Helvetica, sans-serif;
	text-align:right;
	margin-left:8px;
	margin-right:8px;
	margin-top:5px;
	font-size: 11px;
	color: #2e84bd;
}

#logout{
	position:relative;
	float:right;
	width:auto;
	text-align:right;
	margin-right:10px;
	margin-top:4px;
}

#logout span {
	font-family : Arial, Helvetica, sans-serif;
	color : #0c2074;
	font-size : 12px;
	font-weight:bold;
}

#menu {
	position:relative;
	padding-top:5px;
    margin-top:0px !important; /*moz margin*/
    /*margin-top:3px; */ /*IE margin*/
	background-color: #f2f2f2;
	float: left;
	width: 160px;
	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:#b5b5b5;
}

.bottombar {
	position:relative;
	float:right;
	width:772px;
	background-color:#2e84bd;
}

.logo {
position:relative;
display: block;
width:160px;
height:40px;
margin-top:4px;
margin-bottom:5px;
background: transparent url('/cpsApp1/USBCommCare/images/USBC/accessonline-header.gif') no-repeat top right;
}

#darkbluebar {
position:relative;
display: block;
width:160px;
background-color:#0c2074;
height:7px;
/*background: transparent url('/cpsApp1/USBCommCare/images/clear.gif') no-repeat top right;*/
}

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

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

#content {
	padding-top: 16px;
	padding-left: 16px;
	min-height: 300px;
}

#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: #b5b5b5;
	font-size: 10px;
	display: inline;
}

#footer #column {
	margin: 1px 17px 0 0;
	float: right;
	color: #b5b5b5;
	font-size: 10px;
	display: inline;
}

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

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

.instructionalText {
	width: 600px;
}

.noteText {
	width: 350px;
}

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

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

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

.contentsmall {
	font-size : 10px;
}

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

.contentlarge {
	font-size : 14px;
}

.contenthalf {
	font-size: 6px;
}

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

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

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

.datatable th {
	background-color : #000066;
	color : #ffffff;
	font-weight : bold;
}

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

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

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

.layeredtable th {
	background-color : #000066;
	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 #000066 solid;
  	border-right: 1px #000066 solid;
	padding-right: 2em;
}

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

.layeredtable th.leveltwoheader{
	background-color : #242424; 
	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 #000066;
}

.borderleft {
	border-left: 1px solid #000066;
}

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

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

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

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

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

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

.tablerowdisabled {
	background-color : #cccccc;
	color : #555555;
}
.tablesubheader {
	background-color : #336699;
	color : #ffffff;
	font-weight : bold;
	font-size : 12px;
}

.tableheadersmall {
	background-color : #000066;
	color : #ffffff;
	font-size : 12px;
}

.smalltableheader {
	background-color : #000066;
	color : #ffffff;
	font-size : 10px;
}

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

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

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

.sectionblockheader {
	width: 600px;
	margin: 0;
	border-top: 1px	#000066 solid;
	border-bottom: 1px	#000066 solid;
	background-color : #eff3f7;
	height: 18px;
	padding: 0 5px 0 5px;
}

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

.sectionblockheader h3 {
	margin-left: 2px;
	padding: 0;
	display: inline;
	color : #000000;
	font-size: 14px;
	font-weight: bold;
}

.sectionblockheader .sectionblocktoggle img {
	margin-top: 2px;
	margin-bottom: -2px;
}

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

.sectionheader {
	font-size: 14px;
	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: 600px;*/
	width: 700px;
}

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

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

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

.emptylist {
//	font-size: 10px;
	font-style: italic;
}

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

.forDeleteText {
	color : #cc0033;
}

.forDeleteRedTextBorderRight {
	color : #cc0033;
	border-right: 1px solid #000066;
}

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

.emphasizedText {
	font-style: italic;
}

.visaData {
	color : #3366FF;
}

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

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

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

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

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

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

/* This class is for Numeric TEXT BOXES, 
it will right align for the decimal poing */
.whiteNumTextBox {
	background-color : #ffffff;
	color : #000000;
   text-align: right;
}

.darkBG {
	background-color: #000066;
	color: #ffffff;
}

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

.forDelete {
   background-color: #ffb7b7; 
	color: #000000;
}


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

.forDeleteRow {
/*   background-color: #ffffff; */
/*   background-color: #dd0000;  */
   background-color: #cc0033;     
	color: #000000;
}


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

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

.errormessages li a {
	color : #cc0033;
}

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

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

/* icon for Account Statement Status (Approve) */
.statementstatusapproveicon {
	font-size:14px;
	color: #000000;
	font-family: Arial,Helvetica,sans-serif;
	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: Arial,Helvetica,sans-serif;
	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: 12px;
	 text-decoration : underline;	
	 color : #000066; 
    font-family : Arial, Helvetica, sans-serif;
}

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

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

.springboardHeaders, .springboardHeaders:visited {
	color: #2e84bd;
	font-weight: bold;
	font-size: 14px;
}

.springboardHeaders:hover {
	color: #660033;
}



.mainNavLink {
	font-weight: bold;
	color: #0c2074;
	text-decoration: none;
	font-size : 11px;
}

.mainNavLink:hover{
	color: #2e84bd;
	text-decoration: none;
}

.mainNavLinkActive {
	font-weight: bold;
	color: #2e84bd;
	font-size : 11px;
	text-decoration: none;
}

.mainNavLinkActive:hover {
	color: #2e84bd;
	text-decoration: none;
}

.subNavLink {
	font-weight: normal;
	color: #0c2074;
	padding-left:0px;
	text-decoration: none;
	font-size: 11px;
	padding-bottom:4px;
}

.subNavLink:hover {
	color: #2e84bd;
	text-decoration: none;
}

.subNavLinkActive:hover {
	color: #2e84bd;
	text-decoration: none;
}

.subNavLinkActive{
	color: #2e84bd;
	padding-left:0px;
	text-decoration: none;
	font-size: 11px;
	padding-bottom:4px;
}


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

.navlinks {
	/*margin-left:-30px !important; */
	margin-left: 6px;
	list-style: none;
	padding-bottom: 4px;
}

.navlinks li {
	margin-bottom: 5px;
	/*line-height: 1em;*/
}

.navlinks li a, .navlinks li a:visited {
	font-weight: bold;
	color: #0c2074;
	text-decoration: none;
	font-size : 11px;
}

.navlinks li a:hover {
	font-weight: bold;
	color: #2e84bd;
	text-decoration: none;
	font-size : 11px;
}

.navlinks li .activenavlink, .navlinks li .activenavlink:visited,
.subnavlinks li .activenavlink, .subnavlinks li .activenavlink:visited {
	color: #2e84bd;
}

.navlinks li .activenavlink:hover,
.subnavlinks li .activenavlink:hover {
	color: #2e84bd;
}

.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;
	font-size: 11px;
}

.subnavlinks li a:hover {
	font-weight: normal;
	color: #2e84bd;
	text-decoration: none;
	font-size: 11px;
}

.subnavlinks_active li a, .subnavlinks_active li a:visited {
	color: #2e84bd;
	text-decoration: none;
	font-size: 11px;
}

.subnavlinks_active li a:hover {
	color: #2e84bd;
	text-decoration: none;
	font-size: 11px;
}

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

.sortcolumnlinks, .sortcolumnlinks:hover, .sortcolumnlinks:visited {
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
	font-size : 12px;
}

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

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

/****   Navbar   ****/

.navbarBackground {
	/*width: 600px;*/
	width: 700px;
	height: 20px;
	background-color : #000066;
	padding: 0;
	text-align: left;
}

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

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

.navbarActive {
	font-weight: bold;
	color: #7bbabd;
	margin-right: 2px;
}

.navbarPointer {
	color: #7bbabd;
	position: relative;
	top: 1px;
	font-size : 17px;
	font-weight : bold;
	line-height: 12px;
	height: 10px;
	padding-left: 2px;
}

.navbar a, .navbar a:visited {
/*	line-height: 11px; */
	font-size : 11px;
	color : white;
	margin: 0 2px;
}

.navbar a:hover {
	color : #7bbabd;
}

/****	 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: 11px;
}

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

.left {
	text-align: left; 
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.graytext {
	color: #848284;
}

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: bold;
	color: #fff;
	background-color: #000063;
	display: block;
	border: 0;
	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;	
}

/*	 should be able to delete!!	 */
.content {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}



/**
 * 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: 600px;
	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 #000066;
	text-align: left;
	width: 400px;
}

#container h3 {
	font: bold 12px Arial, Verdana sans-serif;
	color: #fff; 
	padding: 3px 0 3px 5px;
	background: #000066;
	width:100%;
}

#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 : #336699;
	color : #ffffff;
	font-weight : bold;
	font-size : 12px;
	padding: 0px 0px 0px 0px;
}

.assignmentsubheader2 {
	background-color : #6699CC;
	color : #ffffff;
	font-weight : bold;
	font-size : 12px;
	padding: 2px 0px 0px 0px;
}
 
#assignmentContainer {
	border: 1px solid #000066;
	text-align: left;
	width: 528px;
	padding: 0px 0px 0px 0px;
}

#assignmentContainer h3 {
	font: bold 12px Arial, Verdana sans-serif;
	color: #ffffff; 
	padding: 3px 0 3px 1px;
	background: #000066;
	width: 100%;
}

#assignmentContainer ul {
	background-color : #ffffff;
	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: 55px;
}

/**
 * Hierarchy Position container with blue header and outline. 
 */

#hierarchyPositionTable{
	list-style: none;
	border: 1px solid #000066;
	text-align: left;
	float: left;
}

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

#hierarchyPositionTable span {
	float: left;
	font: bold 12px Arial, Verdana sans-serif;
	color: #fff; 
	padding: 3px 10px 3px 5px;
	background: #000066;
	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: 9px 15px 8px 0;
}


#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: 2px 15px 8px 0;
}

/**
 * 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 {
	list-style: none;
	padding: 0;
	margin: 0;
}
fieldset.verticleAlignedForm ul li {
	padding: 3px;
}                                       
fieldset.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: #006;
	color: #fff;
	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 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;
}
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;
	width:100%;
}
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;
}

table.reportColumns th div.controls {
	font-size: 8pt;
	color: white;
	font-weight: normal;
}

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


/**
 * Sort Criteria fields
 */
fieldset.sortCriteria {
	float: left;
	width: 24%;
	padding: 3px;
}
fieldset.sortCriteria h2 {
	background: #006;
	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 #000066;
}
table.tabBody .tabBodyInside {
	padding: 10px;
}
table.fixedWidthTabBody {
	width: 773px;
}

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: #e0e8f2;
	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: arial;
	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 {
	padding-bottom: 4px;
}

.requiredtab {
	font-weight : bold;
	color : #cc0033;
}
.floatLeft {
	float: left;
}

.clearFloat {
	clear: both;
}

.verticalAlignBottom{
	vertical-align: bottom;
}

.aquanote {
	color:#008080;
}

input.submitbutton {
position: relative;
border-bottom: 0px solid #000000;
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
background: transparent url('/cpsApp1/USBCommCare/images/buttons/btn_multilang_submit_right.gif') no-repeat top right;
overflow: visible;
margin-bottom: 0px !important;
margin-bottom: 7px;
padding-top: 1px !important;
padding-top: 2px;
padding-right: 7px !important;
padding-right: 7px;
padding-bottom: 5px !important;
padding-bottom: 2px;
padding-left: 5px !important;
padding-left:  7px;
height: 18px;
font: bold 11px Arial;
text-decoration: none;
display: inline;
color: #FFFFFF;
cursor: pointer;
}

a .submitbutton {
position: relative;
border-bottom: 0px solid #000000;
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
background: transparent url('/cpsApp1/USBCommCare/images/buttons/btn_multilang_submit_right.gif') no-repeat top right;
overflow: visible;
padding-top: 2px !important;
padding-top: 2px;
padding-right: 7px !important;
padding-right: 7px;
padding-bottom: 5px !important;
padding-bottom: 10px;
padding-left: 5px !important;
padding-left:  5px;
height: 18px;
font: bold 11px Arial;
text-decoration: none;
display: inline;
color: #FFFFFF;
cursor: pointer;
}

.submitbuttonwrapper  {
position: relative;
vertical-align:middle !important;
vertical-align:bottom;
padding-top: 2px !important;
padding-top: 0px;
padding-bottom: 3px !important;
padding-bottom: 3px;
color: #006600;
display: inline;
height: 18px; 
background: transparent url('/cpsApp1/USBCommCare/images/buttons/btn_multilang_submit_left.gif') no-repeat top left; 
font: 11px Arial;
}

.submitbuttonwrapper a {
text-decoration: none;
}

input.submitbuttongray {
position: relative;
border-bottom: 0px solid #000000;
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
background: transparent url('/cpsApp1/USBCommCare/images/buttons/btn_multilang_submit_right_off.gif') no-repeat top right;
overflow: visible;
margin-bottom: 0px !important;
margin-bottom: 7px;
padding-top: 1px !important;
padding-top: 2px;
padding-right: 7px !important;
padding-right: 7px;
padding-bottom: 5px !important;
padding-bottom: 2px;
padding-left: 5px !important;
padding-left:  7px;
height: 18px;
font: bold 11px Arial;
text-decoration: none;
display: inline;
color: #FFFFFF;
cursor: pointer;
}

a .submitbuttongray {
position: relative;
border-bottom: 0px solid #000000;
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
background: transparent url('/cpsApp1/USBCommCare/images/buttons/btn_multilang_submit_right_off.gif') no-repeat top right;
overflow: visible;
padding-top: 2px !important;
padding-top: 2px;
padding-right: 7px !important;
padding-right: 7px;
padding-bottom: 5px !important;
padding-bottom: 10px;
padding-left: 5px !important;
padding-left:  5px;
height: 18px;
font: bold 11px Arial;
text-decoration: none;
display: inline;
color: #FFFFFF;
cursor: pointer;
}

.submitbuttonwrappergray {
position: relative;
vertical-align:middle !important;
vertical-align:bottom;
padding-top: 2px !important;
padding-top: 0px;
padding-bottom: 3px !important;
padding-bottom: 3px;
color: #006600;
display: inline;
height: 18px; 
background: transparent url('/cpsApp1/USBCommCare/images/buttons/btn_multilang_submit_left_off.gif') no-repeat top left; 
font: 11px Arial;
}

.submitbuttonwrappergray a {
text-decoration: none;
}

/* START JPREYTE */
.logoutBtnWrapper {
	overflow: hidden;
	background-color: #000066; 
	color: #FFFFFF; 
	height: 16px;
	width: 173px;
	cursor: pointer;
}

.logoutBtnWrapperAnchor {
	text-decoration: none;
	color: #FFFFFF; 
	width: 100%;
}

.logoutBtnLeft {
	overflow: hidden;
	background-color: #000066;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	color: #FFFFFF;
	font: bold 18px Arial;
	height: 12px;
	vertical-align: top;
	cursor: pointer;
}

#bannerbottom .logoutBtnWrapper img {
	display: inline;
}

.logoutBtn {
	background-color: #000066;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF; 
	font: bold italic 12px Arial;
	vertical-align: top;
}
/* END JPREYTE */

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

.contactUsTable {
	border: 0px #000066 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;
}

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