﻿/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-= //
// LINKS
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-= */

/* general links */

a:link
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #0099FF;
	text-decoration: none;
}

a:visited
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #0099FF;
	text-decoration: none;
}

a:hover
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #66CCFF;
	text-decoration: underline;
}



/* general small links */

.small
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	color: #0099FF;
	text-decoration: none;
}

a.small:link
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	color: #0099FF;
	text-decoration: none;
}

a.small:visited
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	color: #0099FF;
	text-decoration: none;
}

a.small:hover
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	color: #66CCFF;
	text-decoration: underline;
}



a.footer:link
{
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	font-size: 9px;
	color: #0099FF;
	text-decoration: none;
}

a.footer:visited
{
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	font-size: 9px;
	color: #0099FF;
	text-decoration: none;
}

a.footer:hover
{
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	font-size: 9px;
	color: #66CCFF;
	text-decoration: underline;
}



a.smallbold:link
{
	font-family: Verdana, Arial, Geneva, helvetica, sans-serif;
	font-size: 9px;
	color: #0099FF;
	text-decoration: none;
	font-weight: bold;
}

a.smallbold:visited
{
	font-family: Verdana, Arial, Geneva, helvetica, sans-serif;
	font-size: 9px;
	color: #0099FF;
	text-decoration: none;
	font-weight: bold;
}

a.smallbold:hover
{
	font-family: Verdana, Arial, Geneva, helvetica, sans-serif;
	font-size: 9px;
	color: #66CCFF;
	text-decoration: underline;
	font-weight: bold;
}



a.glossarywht:link
{
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

a.glossarywht:visited
{
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

a.glossarywht:hover
{
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}



a.smallorange:link
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	text-decoration: none;
}

a.smallorange:visited
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	text-decoration: none;
}

a.smallorange:hover
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	text-decoration: underline;
}



a.medorange:link
{
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: none;
}

a.medorange:visited
{
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: none;
}

a.medorange:hover
{
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: underline;
}


/* glossary letter links */

a.glossary:link
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: underline;
}

a.glossary:visited
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: underline;
}

a.glossary:hover
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #0099FF;
	text-decoration: underline;
}


a.custServ:link
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF3300;
	text-decoration: none;
}

a.custServ:visited
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF3300;
	text-decoration: none;
}

a.custServ:hover
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF3300;
	text-decoration: underline;
}


/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-= //
// LEFT NAVIGATION
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-= */


/* left nav rollover links (gray background) */

a.leftnav:link, a.leftnav:visited
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

a.leftnav:link:hover, a.leftnav:visited:hover
{
	color: #0099FF;
}

a.leftnavselected:link, a.leftnavselected:visited
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

a.leftnavselected:hover, a.leftnavselected:visited:hover
{
	color: #FF6600;
}

/* left sub nav rollover links (white background) */

a.leftnavsub:link, a.leftnavsub:visited
{
	display: block;
	text-decoration: none;
	color: #666666;
}

a.leftnavsub:link:hover, a.leftnavsub:visited:hover
{
	color: #0099FF;
}

/* left nav rollover links (blue background) */

a.leftnavselected:link, a.leftnavselected:visited, a.leftnavselected:link:hover, a.leftnavselected:visited:hover
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

a.leftnavsubselected:link, a.leftnavsubselected:visited, a.leftnavsubselected:link:hover, a.leftnavsubselected:visited:hover
{
	text-decoration: none;
	color: #0099FF;
}

/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-= //
// FONT SIZES/COLORS
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-= */

/* general body font */

body, td
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.generalFont
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

/* smaller font - blue */

.textBlueSm
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	text-decoration: none;
}

/* smaller font - orange */

.textOrangeSm
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	text-decoration: none;
}

/* font - orange */

.textOrange
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	text-decoration: none;
}

/* font - orange large */

.textOrangeL
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
}

/* font largerer - orange */

.textOrangeLg
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 14px;
	color: #FF6600;
	text-decoration: none;
}

.textOrangePromo
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
}

.textOrangeBold
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}

.textOrangeItalic
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
	font-style: italic;
}

/* font largest - orange */

.textOrangeLgst
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 15px;
	color: #FF6600;
	text-decoration: none;
	letter-spacing: -0.1em;
}

/* font large - light orange */

.textOrangeLgLt
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 19px;
	color: #FF9900;
	text-decoration: none;
	letter-spacing: -0.1em;
}

/* smaller font - bold red */

.textRedSm
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF3300;
	text-decoration: none;
}

/* font - blue */

.textBlue
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}

.textBlueReg
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	text-decoration: none;
}

.textBluePromo
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-decoration: none;
}

/* font large - blue */

.textBlueLg
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 15px;
	color: #000066;
	text-decoration: none;
	letter-spacing: -0.1em;
}

/* font large - orange */

.textBlueLgLt
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 19px;
	color: #000066;
	text-decoration: none;
	letter-spacing: -0.1em;
}

/* font larger - light blue */

.textLtBlueLglt
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 19px;
	color: #0099FF;
	text-decoration: none;
	letter-spacing: -0.1em;
}

/* font - darkest blue */

.textBlueDk
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 13px;
	color: #000066;
	text-decoration: none;
	letter-spacing: -0.1em;
}

/* font - lt blue */

.textLtBlue
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #0099FF;
	text-decoration: none;
}

/* date */

.textDate
{
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}

/* footer */

.textFooter
{
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}

/* glossary */

.textGlossary
{
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	font-size: 12px;
	color: #FF3300;
	font-weight: bold;
	text-decoration: none;
	margin-top: 2px;
}

dl, dt, dd
{
	margin-top: 0;
	margin-bottom: 0;
}

ul
{
	list-style-image: url(Images/bullet_body.gif);
	margin-top: 0;
	margin-bottom: 0;
}

ol
{
	margin-top: 0;
	margin-bottom: 0;
}

.INGBulletedList-1
{
	padding-top: 1pt;
	padding-bottom: 1pt;
}

.INGNumberedList-1
{
	padding-top: 1pt;
	padding-bottom: 1pt;
}




/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-= //
// TOP NAVIGATION
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-= */


/* HORIZONTAL INGUS MENU LAYOUT */

/* menu container NS6+ requires */
div#INGUS_Menu
{
	position: relative;
	border: 0px;
	width: 739px;
	left: 0px;
	z-index: 10;
}

/* All <ul> tags in the menu including the first level */
.ingusmenu, .ingusmenu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.ingusmenu ul
{
	visibility: hidden;
	position: absolute;
	top: 1.9em; /* I'm using ems rather than px to allow people to zoom their font */
	margin-left: -1px;
	width: 150px; /* filter:alpha(opacity=80);  -moz-opacity:.8;  opacity: .8;	*/
}


/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.ingusmenu li
{
	float: left;
	position: relative;
	border: 0px;
	margin-right: 0px;
	width: 123px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.ingusmenu ul li
{
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
}

.ingusmenu ul > li:last-child
{
	margin-bottom: 1px;
}

/* Links inside the menu */
.ingusmenu li a
{
	display: block;
	padding: 0px;
	line-height: 19px;
	text-indent: .9em;
	color: #fff !important;
	text-decoration: none;
	background: url(Images/topnav_bg.gif) no-repeat left;
	background-color: #F9A72A;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}

.ingusmenu ul li a
{
	display: block;
	line-height: 19px;
	font-weight: normal;
	color: #FFFFFF !important;
	background: url(Images/graybg.gif) no-repeat;
	background-color: #BDBEC0;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.ingusmenu a:hover, .ingusmenu a.highlighted:hover, .ingusmenu a:focus
{
	color: #FFF !important;
	text-decoration: none;
	background-color: #0099FF;
	background: #0099FF;
}

.ingusmenu a.highlighted
{
	color: #FFF;
	text-decoration: none;
	background-color: #0099FF;
	background: #0099FF;
}

.ingusmenu a#selected
{
	background: #0099FF;
	background-color: #0099FF;
}

.tbleHdr
{
	background-color: #DFDFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	padding: 4px;
	border: 1px solid #ffffff;
	border-top: 0px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.tbleRow1
{
	background-color: #ffffff;
	border-top: 0px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 4px;
}

.tbleRow2
{
	background-color: #eeeeee;
	border-top: 0px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 4px;
}

/* Only style submenu indicators within submenus. */
.ingusmenu a .subind
{
	display: none;
}

.ingusmenu ul a .subind
{
	display: block;
	float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.ingusmenu a
{
	float: left;
}
.ingusmenu ul a
{
	float: none;
}
/* \*/
.ingusmenu a
{
	float: none;
}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .ingusmenu ul li
{
	float: left;
	height: 1%;
}
* html .ingusmenu ul a
{
	height: 1%;
}
/* End Hack */


/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-= //
// ASP.NET MasterPage Styles
// Rob Williams
// ING Marketing Technologies
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-= */

.branded_grad_footer
{
	background-image: url(Images/grad_footer.jpg); 
	background-repeat: repeat-x;
}

.branded_logo
{
	background-image: url(Images/logo_bg.jpg); 
	background-repeat: repeat-x;
}

.InputSummaryPanel
{
	background-repeat: repeat-x;
	background-position: top;
	background-color:#FFFFCC;
	border-color:#ECEAEB;
	border-style:Solid;
	border-width:1px;
	width:100%;
}

/*Modal Popup*/
.modalBackground 
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup 
{
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding: 1px;
	width: 600px;
	height: 400px;
}

