/* $Id:main.css 7085 2006-09-15 16:07:01Z ddamstra $ */
/* Site Framework: Molly 1.2 */
/* Derived from Mollio http://www.mollio.org*/

/* *************************************************
** Colours
** *************************************************
** Base				Dk Blue		003371
** Alt Base			Lt Blue		88b8db
** Nav 				Med Blue	4a6ba5
** Nav Highlight	Lt Blue		bbc5d6
** Hightlight		Orange		FF7B00
************************************************* */


* {margin:0; padding:0;}
body {background:#003371 url("images/body_bg.gif") repeat-x top;}

a:link {color:#00569C;} 
a:visited {color:#00569C;} 
a:hover,a:active {color:#F97F02;} 


/* *************************************************
** forms
************************************************* */
	input.submit {background:#003371; color:#fff;}

	form {background:#f6f6f6 ; border:1px solid #d7d7d7;}

		form h3 {color:#c00;}
		form label {border-top:1px solid #fff;}
		form label b .req {color:#c00;}
		form div.req {color:#666;}
		form div.req b {color:#c00;}

		form label span.errormsg b {color:#B30800;}
/* *************************************************
** type
************************************************* */
h1, h2, h3, h4, h5, h6 {color:#003371;}

.highlight {color:#E17000;}
.subdued {color:#999;}
.error {color:#c00;}
.success {color:#390;}
.caption {color:#999;}
.fineprint {color:#999;}

/* *************************************************
** Lists
************************************************* */
li {}
/* *************************************************
** Other
************************************************* */
hr {background:#f2f2f2; color:#f2f2f2;}
/* *************************************************
** Layout
************************************************* */
	#header #infobox h1 {color: #efefef;}
	
	#header #extranav li {border-right:1px solid #888;}
	#header #extranav a, #header #extranav a:link, #header #extranav a:visited, #header #extranav a:hover, #header #extranav a:active {color:#fff; }
	#header #extranav a:hover {background:#FF7B00; color: #000; }
	
/* *************************************************
** NAV Fisheye
************************************************* */
	a.fisheyeItem
	{
		color: #fff;
		
	}
	
	.fisheyeItem span
	{
		color: #fff;
	}
	
		
	/* *************************************************
	** NAV no js
	************************************************* */
	#nav a {border-right: 1px solid #363635; }
	#nav a.first {border-left: 1px solid #363635;}
	#nav a:hover{background: #000;}
	#nav a span {color: #fff;}
	
/* *************************************************
** Layout - Body
************************************************* */
#content {background:#fff url("images/content_bg.gif") no-repeat top right;}
	
	#utility h2{color: #efefef;} 

	#utility h2.accounts{background:transparent url("images/nav_hdr_my_accounts.gif") no-repeat top right;}
	#utility h2.message{background:transparent url("images/nav_hdr_messages.gif") no-repeat top right;}
	#utility h2.new{background:transparent url("images/nav_hdr_new_accounts.gif") no-repeat top right;}
	#utility h2.paybills{background:transparent url("images/nav_hdr_pay_bills.gif") no-repeat top right;}
	#utility h2.statements{background:transparent url("images/nav_hdr_statements.gif") no-repeat top right;}
	#utility h2.contact{background:transparent url("images/nav_hdr_contact_us.gif") no-repeat top right;}
	#utility h2.cd{background:transparent url("images/nav_hdr_cd.gif") no-repeat top right;}
	#utility h2.pib{background:transparent url("images/nav_hdr_pib.gif") no-repeat top right;}
	#utility h2.apply{background:transparent url("images/nav_hdr_apply_online.gif") no-repeat top right;}
	#utility h2.preferences{background:transparent url("images/nav_hdr_preferences.gif") no-repeat top right;}
	
	#utility div p {color: #efefef;}
	#utility div.last {background:#4a6ba5 url("images/nav_bg_last.gif") no-repeat bottom right;}
	
	/* Local navigation */
	#nav-local, #nav-local li {background:#4a6ba5 url("images/nav_bg.gif") no-repeat bottom right; }
	#nav-local a:link {color:#fff;} 
	#nav-local a:visited {color:#fff;} 
	#nav-local a:hover {background: #bbc5d6 url("images/nav_active_bg.gif") no-repeat bottom right; color:#000;} 
	#nav-local li.active a:link, #nav-local li.active a:visited, #nav-local li.active a:hover, #nav-local li.active a:active {background: #bbc5d6 url("images/nav_active_bg.gif") no-repeat bottom right; color:#000;} 
	#nav-local li.last {background:#4a6ba5 url("images/nav_bg_last.gif") no-repeat bottom right;}

	/* footer */
#footer {border-top:1px solid #E3E8EE; color:#999;}
	#footer a:link {color:#999;}


	/* More Other's */
	#points_badge{background: transparent url('images/points_badge.png') top left no-repeat;}
	#points_badge a{color: #fff;}
	#points_badge a:hover{color: #efefef;}
	
	.member_level_header {color: #999;}
	
	.featurebox {border:1px solid #003371; background:#F6F6F6;}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 { color:#003371;}
	
	/* points pages */
	.points {border: 1px solid #003371; background:#efefef; padding: .3em; margin-bottom: .3em;}
	.points .pointnav {float: right;}
	.points .pointnav li {  padding: 0; margin-bottom: 2px; list-style:none; }
	.points .pointnav li a {text-decoration: none; padding: 2px; padding-left: 5px; width: 200px; background: #fff; border: 1px solid  #003371; display: block; }
	.points .pointnav li a:hover {background: #FF9900; color: #000;}
	.lifetime {text-align: center; } 
	.lifetime a{text-decoration: none; font-weight: bolder; border: 1px solid #003371; background:#fff; padding: 1em; display: block;} 
	.lifetime a:hover{background: #FF9900; color: #000; text-decoration: none;}
	
	.pointslist li{line-height: 50px; padding-left:50px;  font-size: 110%; font-weight: bolder;}
	.pointslist li.first{padding-top: 10px;}
	.checked{background:transparent url("images/checked.gif") no-repeat left; }
	.unchecked{background:transparent url("images/unchecked.gif") no-repeat left; }
	
	/* TABLES */
	/* NOTE:the background info for table td will override the mouseovers. */
	table {border:2px solid #003371;}
	table td {border:1px solid #fff;}
	table th {border:1px solid #fff;}
	table thead th {color:#fff;background:#003371;}
	table tbody th {color:#fff;background:#003371;}
	table tbody th.sub {color:#000; background:#CCC;}