/* 
	Base styles for Public and Secured sites
	NOTE: ensure this file is the FIRST stylesheet included in dfs.master (public) and FullPage.master (secured)
*/

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	color: #333; 
}

body {
	background-color: #fff; 
	height: 100%; /* needed for container min-height */
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }
img	{ border: none; display: inline; }
a, a:link, a:active, a:visited  { color:#0066CC; text-decoration: none; }
a:hover		{text-decoration: underline; }

.imgrep		{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; }
.required	{ color: #ff0000; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
img.activity { display: block; }
.bold { font-weight: bold; }
.updatePanelHandle { display: none; }
a.help { display: block; float: left; position: relative; width: 14px; height: 13px; overflow: hidden; margin-left: 2px; }
a.help span.imgrep { background-image: url(../images/gray_question_mark.gif); }
.action, .flashLink { font-size: 12px; background: url(../images/dfs/btn_arrow_off.gif) scroll left top no-repeat; padding: 1px 0 6px 21px; /*line-height: 18px;*/ }
.flashLink { margin-left: 10px; font-weight: normal; text-decoration: underline; }

/* use different help icon when it is in the dark grey module header */
#dfs-rightColumnContainer a.help span.imgrep { background-image: url(../images/dfs/icon_help_header.gif); }


#dfs-master {
	position: relative;
	width: 940px;
	margin: 0 auto;
}

h1 {
	font-size: 200%;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 170%;
	margin: 1.2em 0 0 0;
	font-weight: normal;
	}
h3 {
	font-size: 120%;
	margin: 1.2em 0em 0em 0em;
	font-weight: bold;
	}
h4 {
	font-size: 120%;
	margin: 1.2em 0em 0em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 100%;
	margin: 1.2em 0em 0em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 80%;
	margin: 1.2em 0em 0em 0em;
	font-weight: bold;
	}
p {
	font-size: 100%;
	line-height: 120%;
	margin: 0em 0em 0.9em 0em;
	}
	
#dfs-masthead {
	
}
.dfs-logo
{
    float:left;
}
.dfs-logo a, .dfs-logo a:link, .dfs-logo a:active, .dfs-logo a:visited, .dfs-logo a:hover
{
	display:block;
	width: 270px;
	height: 53px;
	background: #fff url(../images/dfs/masthead_logo.gif) no-repeat left center;
	padding:0px;
	color: #fff;
}

#dfs-topNavBar
{
    width: 940px;
	clear: both;
	position: relative;
	top: -1px;
	min-height: 24px;
	height: auto !important; /* real browsers */
	height: 24px; /* IE: treats as min-height*/
	background-color: #0066cc;
	border-top: 1px solid #99ccff;
	border-bottom: 1px solid #e0e0e0;
}

/*
	*:first-child+html #dfs-topNavBar {top: -1px;}  hack that applies only to IE7 */
/*
	* html #dfs-topNavBar {top: -1px;}  hack that applies to IE6 
*/

#dfs-breadcrumb
{
    clear:both;
    font-size: 0.8em; 
    color: #000;
    padding: 8px 0 8px 17px;
    height: 0.8em;
}
#dfs-breadcrumb a, 
#dfs-breadcrumb a:active, 
#dfs-breadcrumb a:visited
{
	text-decoration:none;
   	color: #0066cc;
}
#dfs-breadcrumb a:hover
{
	text-decoration:underline;
}
.dfs-breadcrumbLinkCurrent
{
	color: #000;
}

#dfs-mainContainer {
	clear: both;
	/* position: relative;  had to comment out for modals */
	float: left;
	width: 940px;
	background: #ffffff url(../images/dfs/main_bottom_gradient.png) repeat-x 0 100%;
	padding: 0 0 40px 0;
	min-height: 100%; /* real browsers */
	height: auto !important; /* real browsers */
	height: 100%; /* IE: treats as min-height*/
}
/*
#dfs-mainContainer ul, 
#dfs-mainContainer ol, 
#dfs-mainContainer li {
	list-style: none;
}
*/

#dfs-contentContainer {
	float: left;
	margin: 0;
	padding: 0;
	width: 705px;
	margin-right: 12px;
	/* overflow: hidden; */
}

#dfs-mainContainer ul, li {
	list-style: none;
	}

#dfs-rightColumnContainer {
	/*position: relative;  relative position prevents help hovertip from displaying on top in IE despite z-index */
	right:0;
	float:left;
	width: 220px;
	/*margin: 15px 0 0 0;*/
	margin: 0; /* override from wss_shared.css */
	padding: 0;
	overflow: hidden;
}

#dfs-rightColumnContainer h3 {
	display: block;
	font-size: 100%;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 6px 9px 3px 9px;
	background-color: #aaa;
	min-height: 17px;
	height: auto !important; /* applies to standards-compliant browsers */
	height: 17px; /* for non-standards compliant browsers (IE) */
}
	
#dfs-rightColumnContainer span.title {
	font-weight: bold; 
	font-size: inherit; 
}

#dfs-rightColumnContainer h3.hasHelp span.title {
    float: left;
}

#dfs-rightColumnContainer h3.hasHelp span.helpContainer {
    float: right;
}

span.helpContainer {
    display: block;
	min-height: 13px;
}

#dfs-login { padding: 0; margin: 0; }

#dfs-loginMain {
	clear: both;
	border-top: 1px solid #b8b8b8;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f0f0f0;
	padding: 0; /*from wss_shared.css */
	overflow: auto;
}

#dfs-loginMain label {
	font-size: 100%;
	clear: both;
}	

#dfs-loginMain input {
	width: 185px;
	border: 1px solid #ccc;
	/*margin-bottom: 10px;*/
	margin-bottom: 6px; /* from wss_shared.css */
}	

#dfs-loginMain h4 { margin: 6px 9px 7px 8px; font-size: 100%; }
#dfs-loginMain ol { clear: both; overflow: auto; list-style-type: none; font-size: 90%; margin: 7px 10px 7px 10px; }
#dfs-loginMain ol li input.text { width: 163px; padding: 2px; }
#dfs-loginMain ol li.login { display: block; float: left; width: 80px;}
#dfs-loginMain ol li.remember { display: block; float: left; margin-left: 20px; margin-bottom: 12px; }
#dfs-loginMain ol li.remember input { margin-bottom: 0; width: auto; margin-right: 4px; border: 0; }
#dfs-loginMain ol li.forgot { margin-bottom: 8px; clear: both; display: block; }
p.premier { font-weight: normal; font-size: 90%; border-top: solid 1px #ccc; padding: 6px 0 6px 8px; margin: 0; }


/* right column help 
.hasHelp { overflow: visible; }
.hasHelp span.title, .hasHelp span.help { float: left; }
.hasHelp a.help { position: relative; float: right; }
*/
span.help
{
    z-index: 9999 !important;
    position: absolute;
	width: 173px;
	padding: 0 0 3px 0;
	overflow: visible;
	background: transparent url(../images/bkgd_alert_bottom.png) scroll left bottom no-repeat;
	color: #000; font: 11px/13px Arial, Helvetica, sans-serif;
	white-space: normal;
	left: 0; top: 0;
	display: block;
}

span.help dl
{
	width: 137px;
	overflow: auto;
	background: transparent url(../images/bkgd_hover_help_top.png) scroll left top no-repeat;
	padding: 8px 8px 4px 28px;
}
div.helpContent { position: relative; }
span.help dl dt, div.hoverHelpContainer div.helpContent h4 { font-weight: bold; }
dl dd { font-weight: normal; margin: 0px; }

.dfs-arrowLink {
	display: block;
	border: none;
	height: auto !important; /* standards-compliant browsers will use this */
	height: 21px; /* IE6&7 will use this value since it occurs last */
	min-height: 21px; /* ignored by IE 6 & 7 */
	padding: 3px 0px 2px 20px;
	font-size:12px;
	text-decoration: none;
	background: transparent url(../images/dfs/btn_arrow_off.gif) no-repeat 0px 3px;
}

.dfs-arrowLinkDisabled {
	display: block;
	border: none;
	height: auto !important; /* standards-compliant browsers will use this */
	height: 21px; /* IE6&7 will use this value since it occurs last */
	min-height: 21px; /* ignored by IE 6 & 7 */
	padding: 3px 0px 2px 20px;
	font-size:12px;
	text-decoration: none;
	background: transparent url(../images/dfs/btn_arrow_off_disabled.gif) no-repeat 0px 3px;
}

/* create profile */
.dfs-createProfileBox {
	margin: 15px 0 0 0;
}
.profileContainer {
	border: solid 1px #ccc; 
	border-top: none; 
	padding: 8px; 
	background-color: #f0f0f0; 
	font-size: 90%; 
	overflow: visible; 
}
.profileContainer h4 { margin: 0 0 4px 0; }
.profileContainer ol li input.text { margin-bottom: 6px; }

#dfs-newuserTxt {
	font-size: 100%;
	margin: 18px 0 5px 0;
}	
	
#dfs-custService {
	margin: 14px 0 0 0;
	/*border-bottom: solid 1px #ccc; */
	padding-bottom: 12px;
}		

#dfs-custServiceMain span {
	font-size: 85%;
}

#dfs-custServiceMain {
	padding: 10px 10px 0 10px;
}
#dfs-custServiceMain span {
	display: block;
	font-size: 90%;
	padding-bottom: 15px;
}
#dfs-custServiceMain ul, 
#dfs-custServiceMain li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#dfs-custServiceMain li {

}
#dfs-custServiceMain li a {
	display: block;
	margin: 0;
	line-height: 22px;
	padding: 0px 0px 8px 30px;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	width: auto !important;
	width: 100%;
}

#dfs-custServiceMain ul li a.dfs-faq {
	background: transparent url(../images/dfs/icon_faq.gif) no-repeat left top;
}
#dfs-custServiceMain ul li a.dfs-phone {
	background: transparent url(../images/dfs/icon_phone.gif) no-repeat left top;
}
#dfs-custServiceMain ul li a.dfs-email {
	background: transparent url(../images/dfs/icon_email.gif) no-repeat left top;
}
#dfs-custServiceMain ul li a.dfs-PhoneNumber { 
	background: url(../images/dfs/icon_phone.gif) no-repeat left top;
}
#dfs-custServiceMain ul li a.dfs-SiteSurvey { 
	background: url(../images/dfs/icon_survey.gif) no-repeat left top;
}

#dfs-custServiceMain li a:hover {
	text-decoration: underline;
}

.dfs-promoFrame {
	display: block;
	width: 100%;
	overflow: hidden;
}

.dfs-rightColumnPromo  {
	position: relative;
    width: 220px;
    margin: 11px 0 15px 0;
    padding: 0 10px;
    border-top: 1px solid #ccc;
	overflow: auto; 
}


/* FOOTER */	
#dfs-footer {
	clear: both;
	width: 940px;
	color: #666;
	padding: 9px 0 0 0;
	font-size: 90%;
	}
	
#dfs-footer a {
	padding-left: 3px;
	padding-right: 5px;
	text-decoration: none;
	/*letter-spacing: -1px;*/
	font-weight: 500;
	}
#dfs-footer a:hover {
	text-decoration: underline;
}
	
#dfs-footerLeft {
	float: left;
}
#dfs-footerLeft li {
	display: inline;
}		

#dfs-footerRight {
	float: right;
	color: #959595;
	text-align: right;
	}
	
#dfs-footerRight span {	
	color: #666;
	font-weight: bold;
}
	
#dfs-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#dfs-footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}	

/* accordion pane headers */
div.accordionContainer h3 { height: 31px; margin: 0 0 -2px 0; padding: 14px 0 0 11px; background: #DDEBF8 url(../images/bkgd_accordion_pane_header.jpg) scroll left top repeat-x; }
div.accordionContainer h3 a { color: #000; padding-left: 20px; height: 17px; display: block; }
div.accordionContainer ul.itemCollection { margin: 0; margin-bottom: -2px; background: url(../images/bkgd_accordion_pane_shadow.jpg) scroll left top repeat-x; }
div.accordionContainer ul.itemCollection li { padding: 0px; }
div.accordionContainer ul.itemCollection li h5 { margin-top: 0px; padding-left: 8px; padding-top: 1.2em; }
div.accordionContainer ul.itemCollection li dl.item { border-bottom: solid 1px #ccc; }
div.accordionContainer ul.itemCollection li dl.item dt { color: #0066CC; font-weight: bold; }
div.accordionContainer ul.itemCollection li dl.item dd { margin-left: 0px; }
div.accordionContainer ul.itemCollection li dl.item dt a { font-weight: bold; }
div.accordionContainer ul.itemCollection li dl.item { padding: 5px 32px; }


div.collapsed h3 { margin-bottom: 16px; }
div.collapsed h3 a { background: url(../images/dfs/btn_arrow_off.gif) scroll left top no-repeat; }
div.collapsed ul.itemCollection { display: none; }
div.expanded h3 a { background: url(../images/dfs/btn_arrow_exp.gif) scroll left top no-repeat; }