/* Metavante Healthcare Payment Solutions */
/* Main.css */
/* Created March 17, 2006 */
/* Modified June 8, 2006
--------------------------------------- */

/* General
--------------------------------------- */

.left
{
	float: left;
	margin-right: 15px;
}

.right
{
	float: right;
	margin-left: 15px;
}

.small
{
	font-size: smaller;
	line-height: 1.3em;
}

.hide
{
	display: none;
}

blockquote
{
	border-left-style: dotted;
	border-left-width: 1px;
	padding-left: 1em;
	display: block;
}

dt
{
	margin-top: .5em;
	font-weight: bold;
}

dd
{
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 1em;
}

form
{
	margin: 0;
	padding: 0;
}


/* Structure and Layout
--------------------------------------- */

body
{
	margin: 0;
	padding: 0;
	background: #D9D9D9;
	text-align: left;
	font-size: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 1.4em;
}

#frame
{
	margin: 0;
	padding: 0;
/*	width: 770px; */
	background: url(/styles/images/frame_tile.gif) repeat-y left top; 
}

.stacked #frame
{
}

#header
{
	margin: 0;
	padding: 0;
	background: url(/styles/images/fis_healthcare_paymen.jpg) no-repeat left top;
}

#header h1
{
	text-indent: -9999px;
	margin: 0;
	padding: 21px 0 0 11px;
	height: 52px;
}

#header h1 a
{
	display: block;
	width: 350px;
	height: 40px;
	text-decoration: none;
}

#header .loginLink
{
	font-size: 65%;
	line-height: 1.3em;
	text-align: right;
	padding: 0 12px 0 0;
	background: url(http://www.metavantehealthcare.com/styles/images/extranet_icon.gif) no-repeat right center;
	margin: 0;
	position: absolute;
	right: 32px;
	top: 52px;
}

#container
{
	margin: 0;
	padding: 0;
	float: left;
	width: 566px;
}

#mainCol
{
	margin: 0;
	padding: 0;
	width: 566px;
	float: left;
	display: inline;
}

.inside #mainCol
{
	float: right;
	width: 375px;
	font-size: 70%;
	line-height: 1.3em;
	padding: 0 15px 0 0;
}

.oneCol #mainCol
{
	padding: 10px 20px;
	width: 526px;
	font-size: 70%;
	line-height: 1.3em;
}

.stacked #container
{
	width: 753px;
	float: none;
	/* background: url(http://www.metavantehealthcare.com/styles/images/container_bg_stacked.gif) no-repeat 482px -45px; */
	padding: .1em 17px .1em 0;
	margin: 0;
}

.stacked #mainCol
{
	float: none;
	width: 721px;
	margin: 0 16px 16px 16px;
	display: block;
	padding: 0;
}

#subCol
{
	display: none;
}

.inside #subCol
{
	display: inline;
	float: left;
	width: 146px;
	font-size: 70%;
	line-height: 1.3em;
	margin: 0 0 0 15px;
}

#extraCol
{
	margin: 0;
	padding: 0 17px 0 0;
	float: right;
	display: inline;
	width: 187px;
	/* background: url(http://www.metavantehealthcare.com/styles/images/container_bg.gif) no-repeat -84px -40px; */
	font-size: 70%;
	line-height: 1.3em;
}

.stacked #extraCol
{
	float: none;
	width: 721px;
	display: block;
	margin: 0 16px;
	padding: 0 0 17px 0;
	/* background: url(http://www.metavantehealthcare.com/styles/images/extraCol_bg_stacked.gif) repeat-y left top; */
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
}

.stacked #extraCol .column
{
	background: none !important;
	width: 240px;
	float: left;
	margin: 0;
}

.stacked #extraCol .content
{
	background: none;
}

.stacked #extraCol .content input
{
	display: block;
}

#footer
{
	margin: 0;
	padding: 20px 220px 20px 20px;
	font-size: 65%;
	color: #9F9F9F;
	clear: both;
	background: url(/styles/images/footer_bg.gif) no-repeat left bottom;
}

.stacked #footer
{
	background-image: url(/styles/images/footer_bg_stacked.gif);
}

/* Links
--------------------------------------- */

a, a:link, a:visited
{
	color: #2E94CD;
	font-weight: bold;
	text-decoration: none;
}

a:visited
{
	color: #003F74;
}

a:hover, a:active
{
	text-decoration: underline;
}

.inside #mainCol p.more a, .oneCol #mainCol p.more a
{
	color: #9F9F9F;
	font-weight: normal;
	margin-right: 1em;
}

.inside #mainCol p.more img, .oneCol #mainCol p.more img
{
	border: none;
}

/* Menu
--------------------------------------- */

.navContainer
{
	background: #003F74;
	border-top: 5px solid #2E94CD;
	width: 753px;
}

.nav
{
	background: #003F74;
	margin-top: 0 !important;
	margin-top: -1px;
}

.navRootItems
{
	font-size: 70%;
	color: #FFF !important;
	text-decoration: none;
	background: #003F74;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
}

.navRootItems a, .navRootItems a:link, .navRootItems a:visited, .navRootItems a:hover
{
	color: #FFF !important;
	background: none;
	border: none;
	text-decoration: none;
}

.navItems
{
	font-size: 70%;
	color: #FFF !important;
	text-decoration: none;
	background: #003F74;
	padding: 1px 5px;
	font-family: arial, helvetica, sans-serif;
}

.navSelected
{
	color: #CFC !important;
	background: #2E94CD;
	text-decoration: none !important;
}

.navHover
{
	color: #FFF !important;
	background: #2E94CD;
	text-decoration: none !important;
}

.navItemsGroup
{
}

/* Sub Menu
--------------------------------------- */

.subNav
{
	margin: 0;
	padding: 0;
}

.subNav ul
{
	margin-left: .5em;
	padding-left: .5em;
	margin-top: .5em;
}

.subNav li
{
	display: block;
	margin-bottom: .5em;
	list-style: none;
}

.subNav a, .subNav a:link, .subNav a:visited
{
	color: #003F74;
	font-weight: bold;
}

.subNav ul a, .subNav ul a:link, .subNav ul a:visited
{
	font-weight: normal;
}


/* Headers
--------------------------------------- */

h1, h2, h3, h4
{
	font-family: arial, helvetica, sans-serif;
	line-height: 1.2em;
	margin: 1em auto .5em auto;
	color: #003F74;
}

h1
{
	font-size: 220%;
}

h2
{
	font-size: 180%;
}

h3
{
	font-size: 140%;
}

h4
{
	font-size: 110%;
}

.listBox h1, .listBox h2, .listBox h3, .thought h2, .thought h3, .ThreeCols h1, .ThreeCols h2, .ThreeCols h3
{
	/* background: url(http://www.metavantehealthcare.com/styles/images/header_yellow.gif) repeat-x left bottom; */
	padding-bottom: 4px;
	font-size: 125%;
}

.thought h2, .thought h3
{
	font-size: 150%;
}

#subCol h1, #subCol h2, #subCol h3
{
	/* background: url(http://www.metavantehealthcare.com/styles/images/header_yellow.gif) repeat-x left bottom; */
	padding-bottom: .5em;
}

.inside #mainCol h1, .oneCol #mainCol h1
{
	color: #2E94CD;
	border-bottom: 1px solid;
	margin-bottom: 5px;
}

/* Content
------------------------------------- */

#feature
{
	color: #003C6B;
	font-size: 70%;
	line-height: 1.3em;
	margin: 0;
	padding: 5px 15px 20px 180px;
	/* background: url(http://www.metavantehealthcare.com/styles/images/feature.jpg) repeat-y left top; */
}

#prodSearch
{
	/*background: #2E94CD;*/
	color: #FFF;
	height: auto;
	padding:  0px 0px 0px 25px;
}

#prodSearch p
{
	margin: 0;
	padding: 0;
}

#prodSearch label, #prodSearch input, #prodSearch select
{
	float: left;
	font-size: 65%;
	margin: 0px 4px 0px 0px;
}

#prodSearch label
{
	font-weight: bold;
}

#commercial
{
	width: 566px;
	height: 235px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	font-size: 70%;
	line-height: 1.3em;
}

.listBox
{
	font-size: 70%;
	line-height: 1.3em;
	width: 157px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0 15px;
}

#extraCol .listBox
{
	float: none;
	font-size: 100%;
	display: block;
	width: auto;
}

.listBox ul
{
	margin: 0;
	padding: 0;
}

/*.listBox li
{
	list-style: none;
	margin: 0 0 .5em 0;
	padding: 0;
}*/

.listBox li img
{
	border: none;
	float: left;
	margin-right: .5em;
	/*margin-left: -40px;*/
}

.thought li
{
	margin: 0 0 .5em 0;
	list-style: none;
	padding: 0 0 0 40px;
}

.listBox .more
{
	font-size: 65%;
	float: right;
	margin-top: -1.5em;
}

.content
{
	padding: 1px 12px;
	margin: 0;
}

.blue
{
	background: #A2C5E6;
}

.grey
{
	background: #CFCFCF;
}

.thought
{
	font-size: 90%;
	line-height: 1.2em;
}

.thought li img
{
	border: none;
	float: left;
	margin-right: .5em;
	margin-left: -40px;
}

.thought ul
{
	margin: 0;
	padding: 0;
}

.thought li
{
	margin: 0 0 .5em 0;
	list-style: none;
	padding: 0 0 0 40px;
}

.thought .more
{
	/* background: url(http://www.metavantehealthcare.com/styles/images/thought_more.gif) no-repeat left 2px; */
	padding: 0 0 0 18px;
}

.arrowNav
{
	margin: 0;
	padding: 0;
}

.arrowNav li
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

.arrowNav a, .arrowNav a:link, .arrowNav a:visited
{
	color: #003F74;
	text-align: left;
	margin: 10px 0;
	line-height: 1em;
	/* background: url(http://www.metavantehealthcare.com/styles/images/bullets.gif) no-repeat left top; */
	padding: 0 0 0 30px;
	display: block;
}

.arrowNav a:hover, .arrowNav a:active
{
	color: #2E94CD;
	text-decoration: none;
	background-position: left -50px;
}

#extraCol .products select
{
	font-size: 90%;
	margin: .5em 0 0 0;
}

#extraCol label
{
	font-weight: bold;
	color: #003F74;
	display: block;
}

#extraCol input
{
	margin: .5em 0 0 0;
}

.inside #mainCol p.more, .oneCol #mainCol p.more
{
	text-align: right;
	font-size: 90%;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

.inside #mainCol p.more img
{
	border: none;
}

.ThreeCols
{
	width: 220px;
	padding: 10px;
	float: left;
	display: inline;
}

div.documents
{
	/* background: #E7E7E7 url(http://www.metavantehealthcare.com/styles/images/documents_tile.gif) repeat-x left bottom; */
	border-top: 1px solid #CFCFCF;
	padding: 1em 1em;
}

div.documents p
{
	display: inline;
	margin-right: 1em;
}

.documents nobr img
{
	margin: 1px;
}