body,html {margin:0;padding:0;background:#fff;font-family:arial,helvetica,sans-serif;color:#000;font-size:0.9em;width:100%;height:100%;}
body {min-height:100%;}
form {margin:0;padding:0}
p {text-align:center;}
h1 {font-size:1.5em;text-align:center;margin:0;padding:10px;}
h2, h3, h4 {text-align:center;}
a:link, a:visited, a:active {text-decoration:none;color:#002B80;} 
a:hover {text-decoration:underline;color:#002B80;} 
ul {margin:0;padding:0}
li {list-style:none;}

.headercell {border-bottom:1px solid #a59c6b;height:40px;}
.logo {font-size:1.4em;font-weight:bold;color:#333;padding-left:10px;padding-right:10px;}
.printcell {display:none;}
.printhead {display:none;}
.disclaimer {font-size:.85em;border-top:1px solid #a59c6b;padding:5px 10px 5px 20px;}
                                             
#nav a:link, #nav a:visited {font-weight:bold;text-decoration:none;color:#000;}
#nav a:active {font-weight:bold;text-decoration:none;color:#A59C6B;}
#nav a:hover {font-weight:bold;text-decoration:none;color:#A59C6B;}
#nav p {font-size:1em;font-weight:bold;padding-top:10px;}
#nav ul {list-style-type:disc;margin:0 10px 0 20px;padding:0 0 0 10px;}
#nav li {list-style-type:disc;padding:4px 2px 4px 2px;}
.navcell { height:100%; width:18%; text-align:left; vertical-align:top; background-color:#ccc;}
.title {padding-left:10px;padding-right:10px;}

#accttitle { text-align:center;margin:0;padding:20px 10px 10px;color:#000; font-weight:bold; }
#accttitle a, #accttitle a:visited { color:#000; font-weight:bold; }
#accttitle a:hover, #accttitle a:visited:hover { color:#000; text-decoration:underline }
#acctinfo { margin:0 10px;padding:10px; border:1px solid silver; }
		
.main {border:0;width:100%;height:100%;}

#relatedacct { font-weight:bold;text-align:right;padding:0 20px 10px 0; }

#content {height:100%;padding:10px 10px 0px 10px;}
#content table {border:1px solid #a59c6b;}

#balance table {border:none;empty-cells:show}
#balance tr td {border-top:1px solid #a59c6b;border-left:1px solid #a59c6b;}
#balance th {border-top:1px solid #a59c6b;border-left:1px solid #a59c6b;}
#balance th.rightheader {border-top:1px solid #a59c6b;border-left:1px solid #a59c6b;border-right:1px solid #a59c6b;}
#balance td.spacerrow {border-top:1px solid #a59c6b;border-left:none;border-right:none;}
#balance td.rightcol {border-right:1px solid #a59c6b;background:#eee;}

#delivery th {border-right:1px solid #a59c6b;border-bottom:1px solid #a59c6b;padding:4px}
#delivery td {border-right:1px solid #a59c6b;border-bottom:1px solid #a59c6b;padding:4px}

#noborder table {border:none;}

#accountinfo { font-size:.9em; padding:15px; }
#accountinfo table { border:solid #666; border-width:1px 0 0 1px }
#accountinfo th { border-bottom:1px solid #666; border-right:1px solid #666; padding:3px 10px 3px 5px }
#accountinfo thead th { background-color:#cdd; }
#accountinfo tbody th { background-color:#eee; text-align:left; }    
#accountinfo tbody td { border-right:1px solid #666; border-bottom:1px solid #666; text-align:left; padding:3px 10px 3px 5px }
#accountinfo tbody td.colone { width:80px; }

#brokerageinfo { padding:15px; }
#brokerageinfo table { border:solid #666; border-width:1px 0 0 1px }
#brokerageinfo th { background-color:#cdd; }
#brokerageinfo th, #brokerageinfo td { border-right:1px solid #666; border-bottom:1px solid #666; text-align:left; padding:3px 10px 3px 5px }

#riskdoctable { font-size:.9em; border:solid #666 !important; border-width:1px 0 0 1px !important; }
#riskdoctable th { background-color:#cdd; }
#riskdoctable th, #riskdoctable td { border-right:1px solid #666; border-bottom:1px solid #666; text-align:left; padding:3px 10px 3px 5px }

#watchlisttable { border:1px solid #c0c0c0; font-size:.85em; }
#watchlisttable thead tr th { text-align:left;padding:5px;font-size:.99em;background-color:#cdd;padding-right:20px;}
#watchlisttable thead tr .header { background-repeat: no-repeat; background-position: center right; cursor: pointer; }
#watchlisttable thead tr .headerSortUp { background-image: url(/images/asc.gif); }
#watchlisttable thead tr .headerSortDown { background-image: url(/images/desc.gif); }
#watchlisttable tr.odd td { background-color:#eee; }
#watchlisttable td input { font-size:.85em; }

.topbar { width:80%; padding: 10px 15px 10px 10px; text-align:right; }
.topimg { width:20px; padding: 10px 15px 10px 0; text-align:center; }
.mode {padding:5px 35px 15px 0;font-weight:bold}
a.modelink, a.modelink:visited, a.modelink:hover {color:#999;font-weight:bold;}

.bordertable {border:1px solid #000}
.bordertable th {border-left:1px solid silver}
.bordertable td {border-top:1px solid #000;border-left:1px solid silver}
.leftcol {border-top:1px solid #000;}

.heading1row {font-weight:bold;color:#000;background:#cdd;}
.heading2row {font-weight:bold;color:#000;background:#cdd;}
.heading3row {font-weight:normal;color:#000;background:#ccc;}
.reportheading1row {font-weight:bold;color:#000;background:#ccc;}

a.linkcell {display:block;width:100%;}

.linkrow {background:#eee;}
.linkrow a, .linkrow a:visited, .linkrow a:visited:hover {text-decoration:none;color:#000;}  

.standardrow {background:#eee;}      
.standardrow a, .standardrow a:visited, .standardrow a:visited:hover {text-decoration:none;color:#000;}  

tr.even { background:#fff; }
tr.odd { background:#eee; }

thead th.header { background-repeat: no-repeat; background-position: center right; cursor: pointer; }
thead th.headerSortDown { background-image: url(/images/desc.gif); }
thead th.headerSortUp { background-image: url(/images/asc.gif); }

.evenrow {background:#fff;}      
.evenrow a, .evenrow a:visited, .evenrow a:visited:hover {text-decoration:none;color:#000;}  

.oddlinkrow {background:#eee;}
.oddlinkrow a, .oddlinkrow a:visited, .oddlinkrow a:visited:hover {text-decoration:none;color:#000;}  

.oddrow {background:#eee;}      
.oddrow a, .oddrow a:visited, .oddrow a:visited:hover {text-decoration:none;color:#000;}  

.highlightrow {background:#ffc;}      
.highlightrow a, .highlightrow a:visited, .highlightrow a:visited:hover {text-decoration:none;color:#000;}  

.summaryrow {font-weight:bold;color:#000;background:#cdd;;}              

.comment {color:blue}

.plus{color: #098A33;}                                                                       
.minus{color: #B00000;}   

.tablecolor{background-color:#E0E0E0;border-color:#E0E0E0;}

.upper { text-transform:uppercase; }
.message { color:#f00 }
.errmsg { margin:10px; padding:10px; background-color:#fee; border:1px solid red; color:red; font-weight:bold; }

.indicator {font-size:8pt;}	
a.paginglink, a.paginglink:visited {text-decoration:none;background-color:#eee;color:#333}
a.paginglink:hover {color:#333;text-decoration:underline;}
.pagecontrols {color:#333;font-size:8pt;padding:4px 0;width:100%;text-align:center;}

/* popup calendar styles */
#calendardiv table {border:none}
.CALcpMonthNavigation { background-color:#C0C0C0; text-align:center; vertical-align:middle; text-decoration:none; color:#000; font-weight:bold; }
.CALcpDayColumnHeader, .CALcpMonthNavigation,.CALcpCurrentMonthDate,.CALcpCurrentMonthDateDisabled,.CALcpOtherMonthDate,.CALcpOtherMonthDateDisabled,.CALcpCurrentDate,.CALcpCurrentDateDisabled,.CALcpTodayText,.CALcpTodayTextDisabled,.CALcpText { font-family:arial; font-size:8pt; } 
TD.CALcpDayColumnHeader { text-align:right; border:none; border-bottom:1px solid #C0C0C0; }
.CALcpCurrentMonthDate, .CALcpOtherMonthDate, .CALcpCurrentDate  { text-align:right; text-decoration:none; }
.CALcpCurrentMonthDateDisabled, .CALcpOtherMonthDateDisabled, .CALcpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }
.CALcpCurrentMonthDate, .CALcpCurrentDate { color:#000000; }
.CALcpOtherMonthDate { color:#808080; }
TD.CALcpCurrentDate { color:white; background-color: #C0C0C0; border-width:1px; border:solid thin #800000; }
TD.CALcpCurrentDateDisabled { border-width:1px; border:solid thin #FFAAAA; }
TD.CALcpTodayText, TD.CALcpTodayTextDisabled { border:none; border-top:1px solid #C0C0C0; }
A.CALcpTodayText, SPAN.CALcpTodayTextDisabled { height:20px; }
A.CALcpTodayText { color:#000; text-decoration:underline }
A.CALcpCurrentMonthDate,A.CALcpMonthNavigation { color:#000 }
A.CALcpOtherMonthDate { color:#808080; }
.CALcpTodayTextDisabled { color:#D0D0D0; }
.CALcpBorder { border:solid thin #808080; }



/*--Tabbed display css--*/            

ul.tabs {                                                                                                                               
	margin: 0;                                                                                                                            
	padding: 0;                                                                                                                                                                                                                                                                                                                                                                     
	height: 30px;
	border-bottom: 1px solid #666;
}                                                                                                                                       
ul.tabs li {                                                                                                                            
	float: left;                                                                                                                      
	margin: 0;                                                                                                                            
	padding: 0;
	list-style-type:none; 
}                                                                                                                                       
ul.tabs li a {  
	float:left;
	font-size: 1em;       
	display: block;
	padding: 5px 30px;  
	text-decoration: none;    
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
  background-color:#ddd;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	                                                                                               
}                                                                                                                                       

/* when mouse enters the tab move the background image */
.tabs a:hover {
	background-color:#ffe;
	color:#000;
}

.tabs li.active a {
	background-color:#fff;
	border-bottom:2px solid #fff;	
	color:#000;	
	cursor:default;
	outline:none;
}


.tab_container {              
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#fff;	  
}                          
.tab_content {             
	padding: 20px;           
}