/* Importing Styles */
@import "/scripts/nav.css";	/* navigation */

form { 	margin: 0; padding: 0; }

legend {
	color: #000000;
}

/* Hidden Divs */

#show { display: block; }
#hide { display: none; }
#image { display: none; }

/* Site wide OX styles */
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left : 5px;
	margin-top : 3px;
	background-color : White;
}

	A:link {
		color: navy
	}
	
	A:visited {
		color: navy
	}

	A:hover {
		text-decoration: none; color: navy
	}

.subnavlink {
	font-size: 12px;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif
}
	A.subnavlink:link {
		font-size: 12px;
		color: #000066;
		font-family: Arial, Helvetica, sans-serif
	}
	
	A.subnavlink:hover {
	}
	
	A.subnavlink:visited {
		font-size: 12px;
		color: #000066;
		font-family: Arial, Helvetica, sans-serif
	}

.bodytext {
	font-size: 12px;
	color: #000000;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif
}

.bodytextsmall, .disclaimer {
	font-size: 11px;
	color: #000000;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.bodytextsmallest {
	font-size: 10px;
	color: #000000;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.rateText {
    font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333399;
}

#smlink {
	font-size: .8em;
	color: #dedede;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#smlink a:link,#smlink a:visited{
color: #7e7e7e; /*Was #dedede.*/
text-decoration: none; }

#smlink a:hover {
color: #7e7e7e; 
text-decoration: underline}

h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px;
	vertical-align: middle;
}

h2.popup {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px;
	vertical-align: middle;
}

h2.title {
	font-size: 18px;
	color: #000099;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.tooltitle {
	font-size: 18px;
	font-weight: bold;
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

h6 {
	font-size: 12px;
}

.pageTitle {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000080;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	padding-bottom: 1px;
	vertical-align: bottom;
}

.widgets {
	font-size: 11px;
	color: #000000;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;	
	height: 24px;
}

SUP {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.datarowhead {
	background-color: silver;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}	

.datarow {
	color: #000000;
	font-size: 12px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}

.datarow2 {
	color: #000000;
	font-size: 12px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f0f0f0;
}

.datarow_yellow {
	color: #000000;
	font-size: 12px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffc;
}

.datarow3 {
	background-color: #c0c0c0;
	color: #000000;
	font: normal 12px Arial, Helvetica, sans-serif;
}

.col1 {
	vertical-align: top;
	width: 447px;
}

.col2 {
	vertical-align: top;
	width: 20px;
}

.col3 {
	vertical-align: top;
	max-width: 251px;
}

.error {
	color: red;
	font-weight: bold;
	font-size: 14px;
}

.number {
	font-size: 14px;
	font-weight: bold;
	color: navy;
}


#footer {
	border-top: 1px solid #ccc;
	margin-top: 35px;
	padding: 10px 3px 3px 3px;
	text-align: center;
	white-space: nowrap;
	width: 698px;
}

#footer p {
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0 0 3px;
}


/* 
	Border colors For Tables
	
*/

#blackbox {
	border: solid 1px black;
}

#2pxblackbox {
	border: solid 2px black;
}

.graybox {
	border: solid 1px gray;
}

#graybox {
	border: solid 1px gray;
}

.navybox {
	border: solid 1px navy;
}

#navybox {
	border: solid 1px navy;
	padding: 3px;
}

#silverbox {
	border: solid 1px #CCCCCC;
	padding: 3px;
}

.silverbox {
	border: solid 1px #CCCCCC;
}

/* End Border colors For Tables */

/* 
	colors For Tables
	
	3/18/2003 - Creating id's to use instead of classes.  Keeping classes so we don't break anything. --- SR
*/

/* colors */

#white {
	color: #FFFFFF;
}

#navy {
	color: #3d3d8d;
}

/* End colors */

acronym {
	border-bottom: 1px dotted black; cursor: help;
	}

#Layer1
{
	Z-INDEX: 1;
	LEFT: 5px;
	WIDTH: 680px;
	POSITION: absolute;
	TOP: 89px;
	HEIGHT: 7px
}
#Layer2
{
	Z-INDEX: 2;
	LEFT: 5px;
	WIDTH: 680px;
	POSITION: absolute;
	TOP: 89px;
	HEIGHT: 7px
}
#Layer3
{
	Z-INDEX: 3;
	LEFT: 5px;
	WIDTH: 680px;
	POSITION: absolute;
	TOP: 89px;
	HEIGHT: 7px
}
#Layer4
{
	Z-INDEX: 4;
	LEFT: 5px;
	WIDTH: 680px;
	POSITION: absolute;
	TOP: 89px;
	HEIGHT: 7px
}
#Layer5
{
	Z-INDEX: 5;
	LEFT: 5px;
	WIDTH: 680px;
	POSITION: absolute;
	TOP: 89px;
	HEIGHT: 7px
}

#Layer6
{
	Z-INDEX: 6;
	LEFT: 5px;
	WIDTH: 680px;
	POSITION: absolute;
	TOP: 89px;
	HEIGHT: 7px
}

#Layer7
{
	Z-INDEX: 7;
	LEFT: 5px;
	WIDTH: 680px;
	POSITION: absolute;
	TOP: 89px;
	HEIGHT: 7px
}

.tableheader {
	background-color: navy;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 2px;
}

.tableheadersmall
{
	font-weight: bold;
	color: white;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color : Navy;
}


.branchheader
{
	font-weight: bold;
	color: white;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	background-color : Green;
}		

.bg1
{
	background-color: #ffffff;
}

.bg2
{
	background-color: #f0f0f0;
}

.bg3
{
	background-color: #e3e3e3;
}

.bg4
{
	background-color: #FFFFCC;
}

.bg5
{
	background-color: #FFDEAD;
}

.bg6
{
	background-color: #ffc0cb;
}

.tabbox
{
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
}
		
.tablesubhead
{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif
}

.formText
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif
}

.headline
{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif
}

.subhead
{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif
}

.subhead2 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}



.headerGen
{
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif
}
.headerSub
{
	font-weight: bold;

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline
}
.textReg
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif
}
.pageFooter
{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif
}
.indexText
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif
}
.textLinks
{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif
}
.indexTextLinks
{
	font-size: 14px;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif
}
.indexWhHeaders
{
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif
}
.siteHeader
{
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000066
}
.cs_headers
{
	font-weight: bold;
	font-size: 14px;
	color: #000066;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif
}

.timedate {
	font-size: 9px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif
}


/* Styles for list */

#helpBox ul, #infoBox ul, #accountBox ul {
	list-style: none;	
	margin: 0;
	padding-left: 1em;
	text-indent: -7px;
}

.tight {
	list-style: none;	
	margin: 0;
	padding-left: 7px;
	text-indent: -7px;
}

.bullets {
	list-style: none;
	margin: 0;
	padding-left: 1em;
	text-indent: -7px;
}

	.bullets li {
		margin-top: 5px;
		margin-bottom: 0;
	}

/* Sidebar Styles */

table.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 15px;
	width: 122px;
}

.sidebar th {
	background:  navy url(/images/top_right_navy_corner.gif) top right no-repeat;
	font-weight: bold;
	color: #fff;
	padding: 3px;
	text-align: left;
	text-indent: 3px;
}

.sidebar td {
	border-bottom: solid 1px navy;
	border-left: solid 1px navy;
	border-right: solid 1px navy;
	padding: 3px;		
}

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

.sidebar p {	/* Used on the Educate > Resources page */
	margin-bottom: 3px;
}

.sidebar li {
	margin-bottom: 4px;
}

/* Preview Page Styles */

#btmBrdrDark {
	border-bottom: 1px solid gray;
}

#btmBrdrLight {
	border-bottom: 1px solid #fff;
}


/* page styles */
.pageBreak { page-break-before: always; }

/* Lists */

ul.inline {
	margin: 0 0 4px 0;
	padding: 0;
}

.inline li {
	border-left: 1px solid #000;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 3px 0 6px;
}

.inline li.first, .inline li.title {
	border-left: 0;
}

.inline li.title {
	padding-left: 0;
}

.dropdown {
    width: 160px;
}

/* New Account Overview Pages */
.signbox {
	margin-top: 20px;
}

.signline {
	border-bottom: 1px solid #000;
}

.signhere {
	font: bold 14px #000;
}

.legalese p {
	margin: 4px 0;
}	

p.doublespace  {
	line-height: 28px;
}