/* CSS Document */
/*** Stylehseet used to setup the color schema ***/

/*****************************/
/*****************************/
/*** General Tag Styles ***/
body
{
	color: #000000;
	background-color: #FFFFFF;
	margin-top:0;
	margin-left:0;
	margin-bottom:0;
	margin-right:0;
	font-family:Arial;
	
}
/*** End body ***/

/*** "A" tag color & hover values ***/
a{cursor:pointer;}
a:link {color:blue;}
a:visited {color:blue;}
a:hover {color:red;}
a:active {color:blue;}
/*** End "A" Tag ***/

/**** input button ******/
.button
{
 width:70px;
}
/**** End Button *******/

/*** End General Tag ***/
/*****************************/
/*****************************/

/************************/
/************************/
/*** Begin banner framework layout styles ***/
/* Sets the border and border color around the header */
/* Creates a solid border on the bottom of the header only */
#border_header
{
 background-color: #ffffff; /* Changes the background color of the header */
 border-width:5px; 
 border-color:#000000;
 border-style:solid;
 border-right-width:0; /*Hides the right border*/
 border-left-width:0; /*Hides the left border*/
 border-top-width:0; /*Hides the top border*/
 /* border-bottom-width:0; */ /* Uncomment the border-bottom-width:0 statement if you */
 										/* don't want the black line below the header to be displayed */
}

/*** End banner framework layout ***/
/************************************/
/************************************/


/************************************/
/************************************/
/*** NAVIGATION ***/
/* Div used to set navigation menu basic styles */
#navigation, #footer_navigation
{
	background-color:#003399; /* navigation backgroud color */
	background-image:url(../images/blank.gif); /*Clear images used for spacing*/
	padding-top:25px;  /* position of menu options from top */
	padding-left:30px; /* position of menu options from left */
	width:205px;	   /* width of the navigation menu */
	font-family:verdana, helvetica,Arial; 
	font-size:8pt; /*Text size*/
	font-weight:bold; 
	font-style:normal;
	height:100%;
}

/*** Menu "A" tags Style ***/
/* All of the menu options are "A" tags so styles need */
/* to be set to match production */
#navigation a
{
	color:#FFFFFF; /* color of menu links */
	text-decoration:none; /* Stops the underline of text that is automatically applied to an "A" tag */
	line-height:23px; /* creates spacing between menu links */
}

/* Changes the font of the "A" tag when the mouse hovers over the */
/* menu option (only within the navigation DIV) */ 
#navigation a:hover
{
	font-family:Helvetica;
}

/*** END NAVIGATION ***/
/************************************/
/************************************/

/************************************/
/************************************/
/*** SUB MENU NAVIGATION  ***/
/* Creates the basic style and position of the of the navigation sub menu */
#subMenu
{
	
	/*background-color:#003399;*//* Uncomment the backgound-color line if you want the background color of the submenu */
										  /* to be different than the background color of the menu in general. */
										  /* Right now the background color of the sub menu is being inherited from */
										  /* the #navigation div */
	
	
	padding-left:15px; /* position of menu options from left */
					       /* (ie: padding is added to original padding set in the Navigation DIV) */
	font-family:Helvetica; 
	font-weight:normal; 
	font-style:normal; 
	text-decoration:none
}

/*** Sub Menu "A" tags Style ***/
/* All of the sub menu options are "A" tags so styles need */
/* to be set to match production */
#subMenu a
{
	color:#FFFFFF; /* color of menu links */
	text-decoration:none; /* Stops the underline of text that is automatically applied to an "A" tag */
	line-height:18px; /* creates spacing between menu links */
}

/* Changes the font of the "A" tag when the mouse hovers over the */
/* SUB menu option (only within the SUB MENU DIV) */ 
#subMenu a:hover
{
	color:#A9A9A9; /* Sets color of sub menu text */
	font-weight:bold;
	font-family:Verdana, Arial, helvetica;
}

/*** END SUB MENU NAVIGATION ***/
/************************************/
/************************************/

/************************************/
/************************************/
/*** Main Content ***/
/* Provides the spacing between the navigation and */
/* the main content */
#main_content_align
{
	padding-top:30px; /* Adjust space between the Header and the Main content */
	padding-left:30px; /* Adjust the space between the Navigation and the Main content */
}

/* Sets the spacing of main content header objects that have a different position than */
/* standard alignment. Examples: "Print Friendly", and "Make My Home Page" links */ 
#main_content_header_align
{
	padding-top:15px; /* Adjust space between the Header and the Main content */
	padding-left:30px; /* Adjust the space between the Navigation and the Main content */
}

/* Page heading style */
/* Sets the color and size of the header on top of the main content */
/* Usually the same color as the navigation background color */
/* Also used to set the help pages header color and size as well as */
/* sets the color for the subheader's  */
.content_label, .HelpTopic, .subHeader, .subheader_detail 
{
	color:#003399;	/* main content heading text color */
}

/* Specific styles given besides inherited styles declared above */
.content_label, .HelpTopic
{
	font-weight: bold;
	font-family: Arial;
	font-size: 18pt;
	padding-bottom:10px;
}

/* Sub heading style */
/* The same as content label but font size reduced */
.subHeader
{
  font-weight: bolder;
  font-size: 13pt;
}

/* subheader_detail */
/* The same as subHeader but font size reduced */
.subheader_detail
{
  font-weight: bolder;
  font-size: 10pt;
}
/* General information text */
/* Size and Style of all the text within the main content section */
.message_detail 
{
    font-family:Arial; /* Sets the font of main content text */
    font-size: 10pt; /* Sets the size of all the main content text */
}


/* Sets the Size and font of all the text with Table object and Form objects */
.form_label
{
	 font-family: Arial; 
    font-size: 10pt;
}

/* used with theDateSub function in order to make regular text look */
/* like it is inside a text box */
.textBox, #textBoxTable
{
    font-family: Arial; 
    font-size: 10pt;
	 border-style:solid; 
	 border-width:1px;
	 border-color:#7f9db9;
	 padding-right:30px;
}

#textBoxTable
{
	 padding-right:4px;
}
/* use with the text box class to create a look of a text box */
/* used with theDateSub function in order to make regular text look */
/* like it is inside a text box */
.theDateSub
{
	padding-right:3px;	
	padding-left:3px
}
/*** End Main Content ***/
/************************************/
/************************************/


/************************************/
/************************************/
/*** DATA TABLES ***/
/* Standard datagrid header style */
/* Heading and Text color of tables can be changed */
.tableHeader, .tableHeader_border, .tablesortlink, .tabletabsMain, .tabletabsLink
{
    font-family: Arial;
    font-weight: bolder;
    font-size: 10pt;
	 color:#003399; /*Text color*/
    background-color:#E1E0F0; /*header background color*/
}

/* Header cell style */
/* Creates a black border around each TD field located in the .tableHeader class */
.tableHeader td
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #000000;
}

/* Table cell Style */
/* Creates a black border around each TD field located in the .tableGrid class */
.tableGrid td
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}

/* Table cell Style - used to negate any border/other styles set in "tableGrid" cells (above) since just one border per cell is desired */
.tableGridInnerTable td
{
	border-bottom-style: none;
}

/* Item style */
/* background color of row */
.tableItem0, .tableItem0_border
{
    background-color: #ffffff; /*row color usually white */
	 font-family: Arial;
	 font-weight:normal;
    font-size: 10pt;
}

/* Alternating item style */
/* Background color of alternate row */
.tableItem1, .tableItem1_border
{
	background-color: #EFEFF1; /*Alternate row color*/
	font-family: Arial;
   font-weight: normal;
   font-size: 10pt;
}

/* Input Instructions */
/* Used to style special instructions needed in a table */
.input_instructions
{
	font-family: Arial;
   font-size: 8pt;
}

/* tablesortlink */
/* Used to style the headers which are used to sort the columns in a table */
.tableSortLink
{
	 text-decoration: underline;
}

/* tabletabsMain */
/* Used to style the menu tabs used for navigation within the ACH module */
/* Inherits bgcolor and font color from tableHeader */
.tabletabsMain, .tabletabsInnerBorder
{
	background-color:#E1E0F0;  /*background color used for selected navigation tabs*/
	/*color:#003399; /*text color for selected navigation tabs*/
	font-family:Verdana, Arial, helvetica;  /*font family (different from tableHeader font*/
	text-align:center;
	font-weight:bold;
	font-size:7pt;
	width:90px;
	border:solid 1px #000000;
	border-bottom:none; 
	
}

/* tableTabsLink */
/* Used to style the alternate menu tabs used for navigation within the ACH module */
/* Inherits font color from tableHeader */

.tabletabsLink
{
	background-color:#FFFFFF;  /*White background color used for un-selected navigation tabs*/
	/*color:#003399; /*text color for unselected tabs*/
	font-family:Arial;
	text-align:center;	
	font-size:7pt;
	width:90px;
	border:solid 1px #000000;
	cursor:hand;
	text-decoration:none;
}

/* tabletabsSpacer */
/* Helper style for the tabletabsMain and tabletabsLink styles to create the */
/* border style of the space between the tabletabsMain and tabletabsLink buttons */
.tabletabsSpacer
{
	
	border:solid 1px #000000;
	border-top:none;
	border-left:none;
	border-right:none;
}

/* innerTableBorder */
/*Main purpose is to adjust the color of the outer border*/
/*of the navigation tabs, inherits from .tabletabsMain*/
.tabletabsInnerBorder
{
	/*background-color:#E1E0F0; /*background color for the inner table*/
	border:solid 1px #000000;
	border-top:none;
	padding:10px;
	vertical-align:top;
	text-align:center;
	width:100%;
}
.tabletabsInnerFrame
{ 
	background-color:#FFFFFF;
	width:100%;
	text-align:center;
	border:1px solid #000000;
	padding:2px;
}

/*** End Table Data ***/
/***********************************/
/***********************************/

/***********************************/
/***********************************/
/*** Begin content footer styles ***/
/* Creates a solid black line above and below the footer */
.content_footer 
{
	background-color: #c0c0c0; /* Sets the background color of the footer (usually grey) */
	border-style:solid; /* Creates a solid border around the footer */
	border-width:2px; /* Sets the width of the border */
	border-color:#000000; 
	border-right-style:hidden; /* Hides the right border around the footer */
	border-left-style:hidden; /* Hides the right border around the footer */
}

#spacer
{
	float:left;
	width:100%;
}
    
/*** End content footer styles ***/
/***********************************/
/***********************************/

/*********************************/
/*********************************/
/* TOTAL */
/* Total is used to create a disabled look on the totals */
/* input box on the ACH modules  */

.total{
		font-weight:bold;
		text-decoration: none;
		background-color:#efeff1;
		border: 0px solid #FFFFFF;
		color:#008000;
		width:115px;
		text-align:right;
		
	}
/*********************************/
/*********************************/