
/*LAYOUT*/

	.floatright {float:right}
	
	.floatleft {float:left;}
	
	.clearboth {clear:both;	}
	
	#joint {POSITION:relative; Z-INDEX: 5; display:none;}
	
	#mainborder {position:relative; width:770px;} /*width must = topnav width */
	
	#mainbody {POSITION: absolute; LEFT:0px; text-align:left;}

	.oao-content-box-bottom {
		background:url(/images/online-account-opening/content-container-bottom.gif) no-repeat top;
		width:530px;
		height:5px;	
	}	
	
	.oao-content-box {
		width:530px;
		background:#eee;
		background:url(/images/online-account-opening/content-container-top.gif) no-repeat top #eee;
		margin-top:10px;
		padding:8px 0 5px 0;
	}
	
	.oao-content-box p {margin:8px 0;}
	
	.oao-content-box .headerpadding {padding-left:10px;	margin-top:-5px;}
	
	.oao-content-box-gold-border {
		border:1px solid #FCB815;
		background-color:#fff;
		width:508px;
		margin-left:10px;
	}
	
	.oao-content-box .padding {padding:5px;}
	
	.no-style-list {
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	p.stacked {margin:0; padding:0;}
	
	.shell {
		color: #000000;
		font-size: 8pt;
		background-color: #F5F5EB;
		border-bottom: 1px solid #cc9933;
		border-right: 1px solid #cc9933;
		border-left: 1px solid #cc9933;
		border-top: 1px solid #cc9933;
		}
		
		td.shellheader {
		color: #333333;
		background-color: #e0c285;
		font-weight: bold;
		border-bottom: 1px solid #cc9933;
		border-top: 1px solid #cc9933;
		}
		
		td.shellbody {
		background-color: #ffffff;
		border-bottom: 1px solid #cc9933;
		}
		
		td.shellfooter {
		color: #164574;
		background-color: #CCDBE8;
		font-weight: bold;
		border-bottom: 1px solid #cc9933;
		}
		
		table.shellaround {
		background-color: #EEEEEE;
		border-bottom: 1px solid #FCB815;
		border-top: 1px solid #FCB815;
		border-right: 1px solid #FCB815;
		border-left: 1px solid #FCB815;
		}
		
		table.shellaround1 {
		background-color: #FFFFFF;
		border-top: 1px solid #FCB815;
		border-right: 1px solid #FCB815;
		border-left: 1px solid #FCB815;
		}
		
		table.shellaround2 {
		background-color: #FFFFFF;
		border-right: 1px solid #FCB815;
		border-left: 1px solid #FCB815;
		}
		
		table.shellaround3 {
		background-color: #FFFFFF;
		border-right: 1px solid #FCB815;
		border-left: 1px solid #FCB815;
		border-bottom: 1px solid #FCB815;
		}

	

/*FORM ELEMENTS*/
	.oao-content-box input {
		font-size:7pt;
		vertical-align:middle;
		margin:5px 0 0 0;
		padding:0;
		position:relative;
		bottom:3px;
	}
	
	.oao-content-box label {
		margin:0;
		padding:0;
		margin-right:6px;
	}
	
	 .oao-content-box input[type=text]{margin-right:3px;}
	
	 .oao-content-box input[type=radio]{margin-right:2px;}
	
	 .oao-content-box input[type=checkbox]{margin-right:2px;}		
	
/*TYPOGRAPHY*/	
	.appheader {font-family: verdana, arial, sans-serif; font-size: 24pt; color: #990033;}
	
	.helpful {font-family: verdana, arial, sans-serif; font-size: 7.5pt; color: #000}
	
	.oao-content-box li, p {
		font-family: verdana, arial, sans-serif; font-size: 7.5pt; color: #000;
	}
	
	.oao-content-box {
		font-family: verdana, arial, sans-serif; font-size: 7.5pt; color: #000;
	}
	
	.oao-content-box h2 {
		margin:0 0 3px 10px;
		padding:0;
		font-weight:bold;
		font-size:8pt;
		color:#903;
	}
	
	.oao-content-box h3 {
		margin:0;
		padding:0;
		font-weight:bold;
		font-size:7.5pt;
		color:#000;
	}
	

/*PSEUDO ELEMENTS*/
	.helpful a {
	font-family: verdana, arial, sans-serif; font-size: 7.5pt; color: #1313A3; text-decoration: underline}
	
	.helpful a:visited {font-family: verdana, arial, sans-serif; font-size: 7.5pt; color: #666666; text-decoration: underline}
	
	.helpful a:hover {
		font-family: verdana, arial, sans-serif; font-size: 7.5pt; color: #903; text-decoration: none}

