body
{
	background: #123759 url("../Images/bg_02a3.jpg") no-repeat fixed top center;
	margin-left:10%;
	margin-right:10%;
	font-family: Arial, Sans-Serif;		
}

#header
{
	height:50px;
	text-align:right;
	background: #123759 url("../Images/bg_02a3.jpg") no-repeat fixed top center;
    padding-bottom: 5px;   
}




#header table
{
	width:100%   
}

#headerLeft
{	
	float:left;
}

.tableClass
{
	font-size:10pt;
	margin-left:20px;
}

.input-table td {
	vertical-align: central;
	padding: 0px 5px 15px 0px;
}


#headerRight {
	float: right;
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	top: 20px;
	padding-right: 10px;
}

.headerText
{
	color:#142A64;
	font-weight:bold;
	margin-left:20px;
}

.headerTextNoMargin
{
	color:#142A64;
	font-weight:bold;
	
}
#top-left-img {
	text-align: left
}

#top-right-img {
	text-align: right;
	vertical-align: bottom;
}
#VerticalBar {
	color: White;
	font-weight: bold;
}
.gray {
	color: gray;
}
#Content {
	background-color: #ffffff;
	height: 650px; /*700px;*/
	font-size: 12pt;
}
.PageContent {
	background-color: #ffffff;
	height: 700px; /*700px;*/
	font-size: 12px;
	padding: 5px;
}
#current-date-div {
	margin-top: 3px;
	font-size: 12px;
}
.rate-sub-title {
	display: block;
	font-size: 13px;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	color: #10345a;
	margin-left: 0px;
	padding: 0px;
	font-family: Arial, Sans-Serif;
}
#RatesPanel {
	overflow-y:scroll;
	
}
#bottom-note {
	margin-top: 15px;
	font-size: 11px;
}

.auto-style3 {
	width: 285px;
	font-size: 12px;
}

.auto-style4 {
	width: 400px;
	text-align: left;
	padding: 5px;
}

.auto-style5 {
	width: 285px;
	text-align: right;
	padding: 3px;
}
#container 
{
	 background-color:#ffffff;
}

.textBlock {
	padding-top: 25px;
}
.infobox {
	padding-bottom: 7px
}
#userInteraction
{
	background-color:#f0f0f0;
	font-size:12pt;		
}

h1
{
	font-family: Arial, Sans-Serif;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:10px;
	color:#10345a;
	margin-left:20px;
	font-size:18px;
}
h2 {
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	color: #10345a;

	font-size: 15px;
	margin-left: 0px;
	padding: 0;
}

.logo-size {
   /* width:170px; */
    height:45px;
}
.logo-size-boa {
    /*width:170px; */
    height:25px;
}

.logo-size-2 {
    /*width:100px;*/ 
    height:100px;
}

@media screen and (min-width: 30em)  {

} 

#footer
{
	background-color:#ffffff;	
	
}

#footer table
{
	width:100%; 
  	
	
}

.footerLeft
{
	/*float:left;*/
    text-align:left;
	font-size: 8pt; 
	color: #696969;
	vertical-align:bottom;
}

#footerRight
{
	float:right;
    position:relative;	
    display:flex;
}

.hint
{
	font-size: 8pt; 
	color: #696969;
	font-style:italic;
}

.textboxCenterAlign
{
    float:left;    
    border-style:double;
    border-width:1px;  
	width:110px;
   
    color:Gray;
    display:inline;
    overflow:hidden;
    margin-right:-3px;
	text-decoration:none;
	text-align:center;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
#CurrentDate {
	font-size:12px;
}
.bottom {
}
.textbox
{       
    border-style:double;
    border-width:1px;  	   
    color:Gray;
    padding:5px;
    overflow:hidden;  
	text-decoration:none;	
}
.input-textbox {
	border-style: double;
	border-width: 1px;
	color: Gray;
	border-color: black;
	padding: 5px;
	overflow: hidden;
	text-decoration: none;
	width: 99px;
}

.input-textbox-error {
	border-style: double;
	border-width: 1px;
	border-color: red;
	padding: 5px;
	overflow: hidden;
	text-decoration: none;
	width: 99px;
}
.button {
    /*background:transparent url(../images/bg_btn.gif) no-repeat scroll right center; */
    font-weight: bold !important;
    margin: 0 !important;
    padding: 3px 8px 3px 6px !important;
    font-size: 11px !important;
    line-height: 16px !important;
    /*outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium; */
    color: #1A6C9A !important;
    text-decoration: none;
}

.submit-button {
    font-weight:bold !important;   
    padding:7px !important;
      
    background-color: crimson;
    color:white !important;
    border:none;
   
}

.test-httpheaders {
	/*Height ="417px" TextMode="MultiLine" Width="918px*/
	height: 417px;
	width: 918px;

}

.disable-button {
	border: 1px solid #999999;
	background-color: darkgrey;
	color: #fff;
	padding: 7px !important;
	cursor: not-allowed;
}
.box {
    margin:20px;
    /*font-size:10px;*/
    border:solid; 
    border-color:gray;
     color:#10345a; 
     border-width:2px;
     padding:0px 0px 15px 5px;	
}
#box-default {
	margin: 20px;	
	border: solid;
	border-color: gray;
	color: #10345a;
	border-width: 2px;
	font-size: 16px;
	padding: 10px;
}
#AcctNumLabel {
	text-decoration: underline;
	color:lightblue;
	font-weight:normal;
	font-size:12px;
	
}
.box-unauthorized {
	border: solid;
	border-color: #10345a;
	color: black;
	border-width: 2px;
	margin: 20px;
	padding: 5px 0px 0px 5px;
}
.vert-top {
	vertical-align: top;
}
.datagrid {
	border-collapse:collapse;
}
.datagrid td{
    padding: 5px 5px 2px 5px;
    font-size:12px;
}
.datagrid th{
   background: #123759 url("../Images/bg_02a3.jpg") no-repeat fixed top center;
   color:white;
   font-weight: bold;
   font-size:12px;
    padding: 5px;	
}

.datagrid td:nth-child(1) {
		width: 100px;
		text-align:center;
	}
	.datagrid td:nth-child(2) {
		width: 400px;
	}

	.datagrid td:nth-child(3) {
		width: 110px;
		text-align: center;
	}
.datagrid tr:nth-child(odd) {
	background: lightblue
}
.datagrid tr:hover {
    background-color:lightgrey;
}
[disabled]
{
    color: #808080 !important;
}
.capcha-img {
	text-indent:-9999px;
}
.TopLinks
{
	font-family:Verdana;
	font-size:8pt;
	font-weight:bold;
	color:#ffffff;    
	text-decoration:none;
}

.link
{
	font-family:Verdana;
	font-size:8pt;
	font-weight:bold;
	color:blue;    
	text-decoration:none;
}
.box-error {
	border: solid;
	border-color: #10345a;
	color: black;
	border-width: 2px;
	margin: 20px;
	padding: 20px 0px;
}

.ErrorMessage
{
	color:Red;	
    font-size:12px;
    padding-left:3px;
	width:150px;
}
.error {
	border-color:red;
}

.Curve 
{
	position:relative; 
	width:100%; 	
	margin:5em auto;
	background-color:#F0F0F0;
	font-size:12pt;	
}

.Curve em b 
{
	position:absolute; 
	font-size:150px; 
	font-family:arial; 
	color:#F0F0F0; 
	line-height:40px; 
	font-weight:normal;
}

.Curve p 
{
	position:relative; 
	z-index:100; 
	padding:10px 15px; 
	font-size:10px;
}

#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#F0F0F0; background:#ffffff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}

#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}

hr
{
    border: none;
    border-top: 1px #CCCCCC solid;
    height: 1px;
}