@media screen {
	html,
	body {
		height: 100%;
		padding: 0;
		margin: 0;
	}

	body {
		background-color: #D1D1D1;
		color: #3A3A3A;
		font-family: Arial,Helvetica,Sans-Serif;
		font-size: small;
		margin-top: 0;
		margin-bottom: 0;
	}


	.customLinks a, .customLinks a:link, .customLinks a:visited, .customLinks a:hover {
		color: #1E699C;
	}

	a, a:link, a:visited, a:hover {
		color: #3A3A3A;
	}

	p {
		margin-top: 7px;
	}

	#masthead {
		width: 977px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		border-style: solid;
		border-color: White;
		border-width: 14px 14px 1px 14px;
		height: 99px;
	}

	#masthead-left {
		width: 106px;
		height: 99px;
		float: left;
		background-color: #312B2A;
	}

	#masthead-center {
		width: 661px;
		height: 99px;
		float: left;
		background-color: #02505C;
	}

	#masthead-right {
		width: 209px;
		height: 99px;
		border-left: solid 1px white;
		float: left;
		background-image: url('images/bg-header.gif');
	}

	#container {
		background-image: url('images/bg-container-content_new.png');
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 977px;
		border-style: solid;
		border-color: White;
		border-width: 0px 14px 1px 14px;
		overflow: hidden;
	}

	#containerNoSideBar {
		background-color: White;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 977px;
		border-style: solid;
		border-color: White;
		border-width: 0px 14px 1px 14px;
		overflow: hidden;
		background-image: url('images/paymentRequest-bg.gif');
		background-repeat: repeat-y;
	}

	#content {
		float: left;
		width: 767px;
		min-height: 425px;
		position: relative; /*padding:0 7px 0 0;*/
	}

	/* xp theme */
	.pneTabs .ajax__tab_header {
		font-family: verdana;
		font-weight: bold;
		color: #275b8a;
		font-size: 7pt;
		background: url(images/pneTab-header.gif) repeat-x;
	}

	.pneTabs .ajax__tab_outer {
		padding-right: 1px;
		background: url(images/pne-tab-right.gif) no-repeat right;
	}

	.pneTabs .ajax__tab_inner {
		padding-left: 0px;
		background: url(images/pne-tab-right.gif) no-repeat;
	}

	.pneTabs .ajax__tab_tab {
		padding-bottom: 9px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 9px;
		margin: 0px;
		background: url(images/pneTab-header.gif) repeat-x;
	}

	.pneTabs .ajax__tab_hover .ajax__tab_outer {
		cursor: pointer;
		background: url(images/pne-tab-right.gif) no-repeat right;
	}

	.pneTabs .ajax__tab_hover .ajax__tab_inner {
		cursor: pointer;
		background: url(images/pne-tab-right.gif) no-repeat;
	}

	.pneTabs .ajax__tab_hover .ajax__tab_tab {
		cursor: pointer;
		background: url(images/pneTab-header.gif) repeat-x;
	}

	.pneTabs .ajax__tab_active .ajax__tab_outer {
		background: url(images/pne-tab-active-right.gif) no-repeat right;
	}

	.pneTabs .ajax__tab_active .ajax__tab_inner {
		padding-left: 1px;
		background: url(images/pne-tab-active-right.gif) no-repeat;
	}

	.pneTabs .ajax__tab_active .ajax__tab_tab {
		background: url(images/pne-tab-active.gif) repeat-x;
		color: #2d2927;
	}

	.pneTabs .ajax__tab_disabled {
		color: #A0A0A0;
	}

	.pneTabs .ajax__tab_body {
	}

	.pnlBackground {
		background-color: #F1F2E4;
	}

	.innerTable TD {
		font-weight: bold;
		font-family: Arial;
		font-size: 8pt;
	}

	#contentVendor {
		padding: 0 0px 0 0;
	}

	div.content {
		position: relative;
		margin-top: 20px;
		margin-bottom: 40px;
		min-height: 425px;
	}

	div.contentMargin {
		margin-left: 108px;
		position: relative;
		margin-top: 20px;
		min-height: 425px;
	}

	div.contentIndent {
		margin-left: 108px;
	}

	#sidebar {
		width: 195px;
		float: right;
		margin: 0px 7px 7px 7px;
		padding: 1px 0 0 1px;
	}

	#footer {
		clear: both;
		width: 977px;
		height: 59px;
		background-color: #312B2A;
		color: white;
		margin-left: auto;
		margin-right: auto;
		border-style: solid;
		border-color: White;
		border-width: 0px 14px 14px 14px;
		font-size: 11px;
	}

		#footer a, #footer a:link, #footer a:visited, #footer a:hover {
			color: white;
			text-decoration: none;
		}

	#menuContainer {
		width: 767px;
		float: left;
	}

	.gridBorder {
		border-style: solid;
		border-width: 1px;
		border-color: #C0C0C0;
	}

	.gridItem {
		background-color: #FAFAFA;
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #C0C0C0;
	}

	.gridAltItem {
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #C0C0C0;
		background-color: #F5F5F5;
	}

	.pageHeader {
		color: #989898;
		font-size: 13pt;
	}

	.pageHeaderTable {
		width: 100%;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #999999;
	}

	.lblRequiredField {
		font-size: xx-small;
		color: #F8040C;
	}

	.labels {
		color: #5B5C57;
		font-size: 11px;
		font-weight: bold;
	}

	.labelsfooter {
		color: #6F6F6F;
		font-size: 9px;
		text-decoration: none;
	}

	.labelsfooterDate {
		color: #127062;
		font-size: 9px;
	}

	.gridName {
		color: #306680;
		font-size: 14px;
		font-weight: bold;
	}

	.homeUserInfo {
		color: Gray;
		font-size: 12px;
		font-weight: bold;
	}

	.loginTexts .spnErrorHeading {
		font-size: 20px;
	}

	.trErrorClass {
		text-align: left;
		padding-left: 80px;
	}

	.tableHeight {
		height: 12%;
	}

	.tableFont {
		font-size: 10px;
	}

	.tableAlign {
		width: 58%;
		text-align: center;
	}

	.completeWidth {
		width: 100%;
	}


	.tableStyle {
		height: 12%;
		width: 100%;
	}

	.boldFontStyle {
		font-weight: bold;
	}

	#trError {
		font-size: 12px;
	}


	.helpText {
		color: #5B5C57;
		font-size: xx-small;
		font-style: italic;
	}

	.txtBox {
		/*border-style: none;*/
	}

	.footerBackground {
		background-image: url('images/footerbackground.gif');
		background-repeat: repeat-x;
		width: 980px;
	}

	.tableFooter {
		width: 100%;
		height: 100%; /*border-left-style: solid; 		border-left-color: #DCDCDC; 		border-left-width: thin;*/
	}

	.panelBackground {
		background-image: url('images/background.gif');
		background-repeat: repeat-x;
	}

	.linkLabels {
		color: #6F6F6F;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
	}

	a.linkLabels {
		color: #6F6F6F;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
	}

	td.footerDiv {
		/*height: 100%;*/
		border-right-style: solid;
		border-right-color: #DCDCDC;
		border-right-width: thin;
	}



	/* Css for Custom Menu control*/

	.parentMenu {
		width: 100%; /*padding: 5px 25px 5px 25px;*/
		color: #ffffff;
		height: 27px;
		text-decoration: none;
	}

		.parentMenu TD.unselected {
			background-image: url('images//menuGradient.png');
			background-repeat: repeat-x;
		}

		.parentMenu TD.hover {
			background-image: url('images/menu-bg-hover.gif');
			background-repeat: repeat-x;
		}

		.parentMenu TD.selected {
			background-image: url('images/menu-bg-selected.gif');
			background-repeat: repeat-x;
		}

	TD.selected {
		background-image: url('images/menu-bg-selected.gif');
		background-repeat: repeat-x;
		padding: 5px 25px 5px 25px;
		color: #ffffff;
		text-decoration: none;
	}

	TD.hover {
		background-image: url('images/menu-bg-hover.gif');
		background-repeat: repeat-x;
		padding: 5px 25px 5px 25px;
		color: #ffffff;
		text-decoration: none;
	}

	TD.unselected {
		background-image: url('images//menuGradient.png');
		background-repeat: repeat-x;
		padding: 5px 25px 5px 25px;
		color: #ffffff;
		text-decoration: none;
	}

	a.fontstyle {
		color: #ffffff;
		text-decoration: none;
	}

	.menu {
		color: White;
		height: 25px;
	}

	.menuLevel1 {
		width: 106px;
		text-align: center;
	}

	.menuLevel2 {
		background-color: #AE9F82;
		padding: 4px;
		height: 25px;
	}

	a.menuLevel2, a.menuLevel2:link, a.menuLevel2:visited, a.menuLevel2:hover {
		color: White;
	}

	.menuHover {
		background-color: #918062;
		width: 106px;
		height: 25px;
	}

	.dynamicMenuHover {
		background-color: #918062;
		width: 100%;
		height: 25px;
	}

	.dynamicMenuStyle {
		background-color: #918062;
		width: 106px;
	}

	.menuHover a, .menu a, .menu a:link, .menu a:visited, .menu a:hover {
		color: White;
	}

	.menuSelected {
		background-color: #02505C;
		height: 25px;
	}

	TD.rightOfMenuBlock {
		/*float:left;*/
		width: 210px;
		height: 27px;
		margin-left: 1px;
		background-color: #666666; /*border-bottom: solid 1px white;*/
	}

	#regWizardNavigation {
		padding: 14px 14px 0px 28px;
		width: 171px;
		float: left;
		line-height: 4ex;
		color: #02505C;
	}

		#regWizardNavigation hr {
			margin-top: 3px;
		}

	#regWizardContent {
		float: left;
		padding-right: 14px;
		min-height: 425px;
		width: 533px;
	}

	#regWizardNavigation span.arrows {
		float: left;
		margin-left: -18px;
		font-size: 10px;
		color: #3A3A3A;
	}

	#regWizardNavigation span.selected {
		color: #3A3A3A;
	}

	div.sideBarWidget {
		padding: 7px;
		background-color: White;
		border: solid 1px #d1d1d1;
		line-height: 1.5em;
		font-size: .9em;
	}

		div.sideBarWidget div.header {
			font-weight: bold;
			width: 100%;
			background-color: #CBCBCB;
			text-transform: uppercase;
			height: 18px;
			line-height: 18px;
			margin-bottom: 4px;
			font-size: small;
		}


	div.sideBarWidget {
		margin-top: 7px;
	}

	div.header img {
		vertical-align: middle;
	}

	a.sidebar, a.sidebar:link, a.sidebar:visited, a.sidebar:hover {
		color: #02505C;
		text-decoration: none;
		line-height: 1.5em;
	}

	h3.sidebar {
		font-size: small;
		font-weight: bold;
		margin: 7px 0 4px 0;
	}

	img {
		border: 0px none #FFFFFF;
	}

		img.logo {
			border: 0px none #FFFFFF;
			margin-left: 5px;
			margin-top: 42px;
		}

		img.product {
			margin-left: 5px;
			margin-top: 43px;
		}

	h1 {
		margin: 14px 0 7px 0;
		font-weight: 500;
		color: #3a3a3a;
		font-size: 1.5em;
	}

	h2 {
		font-weight: 700;
		font-size: 1.2em;
		color: #818181;
		margin: 0px;
	}

	hr {
		color: #e5dfd4;
		background-color: #e5dfd4;
		height: 1px;
		border-width: 0px;
		margin: 0px;
	}

	/* Common styles */

	td.centered {
		text-align: center;
	}

	.centered {
		margin-left: auto;
		margin-right: auto;
	}

	.centeredText {
		text-align: center;
	}

	.whiteText {
		color: White;
	}

	.whiteTextError {
		color: white;
		text-align: center;
		font-size: 8pt;
	}

	.orangeText {
		color: #FF9933;
	}

	.floatLeft {
		float: left;
	}

	.floatRight {
		float: right;
	}

	.bottomRight {
		bottom: 10px;
		right: 10px;
		position: absolute;
	}

	.ErrorMessage {
		color: red;
		font-size: 9pt;
		font-family: Arial;
	}

	.ErrorMessageRed {
		color: red;
		font-size: 9pt;
		font-family: Arial;
	}

	.ErrorMessageWhite {
		color: white;
		font-size: 9pt;
		font-family: Arial;
	}

	.fieldHint {
		font-style: italic;
	}

	.requiredField {
		color: Red;
	}

	td.subheader {
		font-size: 14pt;
		color: #888888;
		padding-top: 1ex;
	}

	td.indent {
		padding-left: 30px;
	}

	table.layout tr td {
		padding: 0 0 0 0;
	}

	/* Login.aspx */
	#login {
		background-image: url('images/LoginGradient.jpg');
		border-width: 1px 0px 0px 0px;
	}

	#subscribe {
		background-image: url('images/SubscribeGradient.jpg');
		border-width: 1px 0px 0px 0px;
	}

	div.loginBox {
		width: 355px;
		border-color: White;
		border-style: solid;
		height: 195px;
		padding: 14px;
		position: relative;
	}

	input.login {
		border-style: none;
		width: 200px;
		height: 14px;
		font-size: 9pt;
	}

	#passwordTable {
		margin-top: 30px;
	}

		#passwordTable td {
			line-height: 2em;
		}

	#login a, #login a:link, #login a:hover, #login.a:visited {
		color: white;
		position: absolute;
		bottom: 20px;
		left: 140px;
		font-size: 8pt;
	}

	.loginButton {
		position: absolute;
		top: 150px;
		left: 160px;
	}


	.subscribeButton {
		position: absolute;
		top: 150px;
		left: 125px;
	}

	#pSubscribe {
		margin-top: 25px;
	}

	td.bordered {
		border: solid 1px #CBCBCB;
		border-top-style: none;
		border-bottom-style: none;
	}

	/* ChoosePlan.aspx */
	/*

						#choosePlan 
						{ 
							margin-left:auto; 
							margin-right:auto; 
							padding:0px;
							border-collapse:collapse; 
						}

						#choosePlan td 
						{ 
							font-size: 11px; 
						}

						#choosePlan td.blackDot 
						{ 
							text-align:center; 
							color:black; 
							font-size:30px; 
							line-height:10px; 
						} 

						#choosePlan td.orangeDot 
						{ 
							text-align:center; 
							color:#FF6600; 
							font-size:30px; 
							line-height:10px; 
						}

						#choosePlan tr td table 
						{	
							width:100%; 
						}
								
						#choosePlan tr td table tr td 
						{ 
							height:17px; border-style:none; 
						}

						#choosePlan tr td table.gradient 
						{ 
							background-image:url('images/PlanTableGradient.jpg'); 
							background-repeat:repeat-x;

						}

						#choosePlan tr td.orangeBackground 
						{ 
							background-color:#FAECDD;
						}

						#choosePlan tr td.bulletPointColumn 
						{ 
							width:110px; 
						}
						 
						#choosePlan tr td.headerRow 
						{ 
							background-image:url('images/PlanTableHeaderGradient.jpg'); 
						}

						#choosePlan tr td.buttonRow 
						{ 
							background-color:#E6E6E6; height:27px; font-style:italic; color:#818181; font-size:10px; 
						}   
						*/

	/* EnterRegCode.aspx */
	#divSubscribe {
		width: 326px;
		height: 120px;
		padding: 14px;
		background-image: url('images/SubscriptionCodeGradient.jpg');
	}

		#divSubscribe td {
			font-size: 12px;
		}

	/* VerifyAdress.ascx */
	div.verifyAddress {
		width: 337px;
		height: 97px;
		padding: 14px;
		background-image: url('images/AddressVerificationGradient.jpg');
	}

	/* Subscription.ascx */
	.subscriptionRenewal {
		height: 95px;
		padding: 5px 14px 0px 14px;
		background-image: url('images/preferences-Gradiant.jpg');
	}


	/* Home.aspx */
	div.homeTopPanel {
		font-size: 8pt;
		position: relative;
		height: 98px;
		width: 483px;
		background-position: right;
		background-image: url('images/welcomeGradient.jpg');
	}


		div.homeTopPanel img {
			float: left;
			margin-right: 7px;
		}

		div.homeTopPanel .homePanelContent {
			margin-top: 7px;
		}

		div.homeTopPanel .welcome {
			font-size: 14pt; /*vertical-align:super; 	line-height: 21px;*/
		}

		div.homeTopPanel input.regCode {
			border: solid 1px black;
			position: absolute;
			bottom: 8px;
			width: 130px;
			left: 113px;
		}

		div.homeTopPanel .button {
			position: absolute;
			right: 7px;
			bottom: 5px;
		}

	body.popUpContainer {
		background-color: White;
	}

	/* FAQ Styles */
	ul.faq {
		margin: 7px 200px 0 0;
		border-top: solid #e5dfd4 1px;
	}

		ul.faq li {
			list-style-image: url('images/collapsed.gif');
			list-style-position: inside;
			color: #02505C;
			font-weight: bold;
			border-bottom: solid #e5dfd4 1px;
			vertical-align: middle;
			padding: 10px 0 10px 0;
		}

		ul.faq p {
			display: none;
			color: #3A3A3A;
		}

		ul.faq span {
			padding-left: 10px;
		}

		ul.faq li.expanded {
			list-style-image: url('images/expanded.gif');
		}

			ul.faq li.expanded p {
				display: block;
				font-weight: normal;
				margin-left: 50px;
			}

		ul.faq li.collapsedOver {
			list-style-image: url('images/collapsed-over.gif');
		}

	div.expandAll {
		font-size: .85em;
		font-weight: bold;
		color: #6E7178;
		text-align: right;
		margin-right: 200px;
	}

		div.expandAll a, div.expandAll a:link, div.expandAll a:visited {
			text-decoration: none;
			color: #6E7178;
		}

			div.expandAll a:hover {
				text-decoration: underline;
				color: #6E7178;
			}




	/*new tab code*/

	#tabheader {
		float: left;
		width: 100%;
		background: url('images/left.gif') repeat bottom;
		line-height: normal;
	}

		#tabheader ul {
			margin: 0;
			padding: 0px 10px 0px 0px;
			list-style: none;
		}

			#tabheader ul li {
				float: left;
				background: url('images/left.gif') no-repeat left top;
				margin: 0;
				padding: 0px 0px 0px 4px; /*text added*/
				display: inline;
				position: relative;
				height: 28px;
			}

		#tabheader a {
			float: left;
			display: block;
			background: url('images/right.gif') no-repeat right top;
			padding: 10px 15px 4px 6px;
			text-decoration: none;
			font-weight: bold;
			font-family: verdana;
			font-size: 7pt;
			color: #275B8A;
			white-space: nowrap;
		}
		/* Commented Backslash Hack
							 hides rule from IE5-Mac \*/
		#tabheader a {
			float: none;
		}
			/* End IE5-Mac hack */
			#tabheader a:hover {
				color: #2D2927;
			}

		#tabheader #current {
			background-image: url('images/left_on.gif');
		}

			#tabheader #current a {
				background-image: url('images/right_on.gif');
				color: #2D2927;
				padding: 7px 16px 9px 6px;
				font-size: 8pt;
				font-weight: bold;
			}


	/* Style for Grids and Panel Headings*/

	.panelHeader {
		font-family: Arial;
		font-size: 12px;
		color: #FFF;
		height: 25px;
		background-image: url('images/SectionHeader.gif');
		background-repeat: repeat-x;
	}


		.panelHeader strong {
			font-family: Arial;
			font-size: 12px;
			color: #FFF;
		}

		.panelHeader a, .panelHeader a:link, .panelHeader a:visited, .panelHeader a:hover {
			color: White;
		}

		.panelHeader TD {
			color: White;
			font-weight: bold;
			padding: 0px 0px 0px 0px;
		}

		.panelHeader .smallText {
			font-weight: normal;
		}

	.panelGrid {
		font-size: 8pt;
		width: 100%;
		padding: 0px 0px 0px 4px;
	}

	td.SmallText {
		font-family: Arial;
		font-size: 12px;
		color: #777777;
	}

	#VendorResultsGrid {
		font-family: Verdana;
		font-size: 8pt;
		width: 100%;
	}

		#VendorResultsGrid .ItemStyle {
			font-family: Verdana;
			font-size: 8pt;
		}


	#blankRow {
		height: 5px;
	}

	.sectionHeader {
		font-family: Arial;
		font-size: 12px;
		color: #FFF;
		height: 25px;
		background-image: url('images/SectionHeader.gif');
		background-repeat: repeat-x;
	}

		.sectionHeader a {
			font-family: Arial;
			font-size: 10px;
			color: #E2E2E2;
			text-decoration: underline;
		}

	.gridView {
		font-family: Arial;
		font-size: 12px;
		width: 100%; /*border: 1px solid #999999;*/
		color: #444;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-width: 1px;
		border-bottom-width: 0px;
		border-top-color: #DDD; /*border-bottom-color: #DDD;*/
	}

	.gridHeader th, .gridHeader {
		white-space: nowrap;
		border-width: 0px 1px 0px 1px;
		border-color: #DDD;
		vertical-align: middle;
		padding: 0px 8px 0px 8px;
		margin: 0px 5px 0px 5px;
		height: 25px; /*background-color: #F0F0F0;*/
		font-family: Arial;
		font-size: 9pt;
		font-weight: bold;
		background-image: url('images/GridHeader.gif');
		background-repeat: repeat;
		text-decoration: none;
		color: #444;
		border-right-style: solid;
		border-left-style: solid;
	}

		.gridHeader a {
			text-decoration: none;
		}

	.gridRow, .gridAltRow {
		font-size: 8pt !important;
	}

		.gridRow a, .gridRow a:link, .gridRow a:visited, .gridRow a:hover {
			height: 25px;
			color: #337096;
			font-family: Arial;
			font-size: 8pt;
			text-decoration: none;
		}

	.gridHeader view.a, .gridHeader view.a:link, .gridHeader view.a:visited, .gridHeader view.a:hover {
		color: #444;
		font-size: 12px;
		text-decoration: none;
	}

	.gridAltRow a, .gridAltRow a:link, .gridAltRow a:visited, .gridAltRow a:hover {
		height: 25px;
		color: #337096;
		font-family: Arial;
		font-size: 8pt;
		text-decoration: none;
	}

	.gridRow {
		height: 25px;
		padding: 2px 5px 2px 5px;
		background-color: #FFF;
	}

	.gridAltRowTop {
		/*background-image: url('images/gridrowbg.gif'); 		background-repeat: repeat-x;*/
		height: 25px;
		background-color: #FFF; /*border-top-style: solid; 		border-top-width: 1px; 		border-top-color: #C0C0C0;*/
	}

	.gridAltRow {
		/*background-image: url('images/gridrowbg.gif'); 		background-repeat: repeat-x;*/
		height: 25px;
		background-color: #FFF; /*border-bottom-style: solid; 		border-bottom-width: 1px; 		border-bottom-color: #C0C0C0;*/
	}


	.gridView td {
		/*		white-space:nowrap;*/
		height: 25px;
		padding: 2px 8px 2px 8px;
		border-top: solid 1px #DDD; /*border-bottom: solid 1px #D1D1D1;*/ /*border-style: none none solid none; 		border-width: 0px 0px 1px 0px;*/
		font-family: Arial;
		/*font-size: 9pt;*/
	}

		.gridView td.noBorder {
			/*		white-space:nowrap;*/
			height: 25px;
			padding: 2px 5px 2px 5px;
			border: none; /*border-style: none none solid none; 		border-width: 0px 0px 1px 0px;*/
			font-family: Arial;
			font-size: 9pt;
		}

	.empty td {
		border-style: none;
	}

	.gridPager {
		background-image: url('images/Gridpager.gif');
		background-repeat: repeat-x; /*background-color: White; */
		font-family: Arial;
		font-size: 11pt;
		color: #333;
		vertical-align: middle;
	}

		.gridPager td {
			padding: 2px 0px 2px 0px;
			font-family: Arial;
			font-size: 9pt;
			color: #333;
			border: none;
		}

	.packageLocationGrid {
		font-size: 7pt;
		font-family: Arial;
		color: #646464;
		border: 1px solid #D7D7D7;
		width: 100%; /*border: 1px solid #999999;*/
	}

		.packageLocationGrid th {
			padding: 7px 0px 7px 5px;
			background-image: url('images/bgPackageLocation.gif');
			background-repeat: repeat-x;
			font-weight: bold;
			vertical-align: middle;
			text-align: left;
		}

		.packageLocationGrid td {
			vertical-align: top;
			padding: 2px 0px 2px 5px;
		}

		.packageLocationGrid .row td {
		}

		.packageLocationGrid .altrow td {
			background-color: #F8F8F8;
		}

	.downloadArea {
		vertical-align: middle;
		text-align: center;
	}

	.downloadTable {
		width: 100%;
		height: 300px;
	}

	.rdoList {
		padding-left: 20px;
	}

		.rdoList TD {
			padding-left: 20px;
			font-family: Arial;
			font-size: 9pt;
		}

	.filterPanelheader {
		height: 50px;
		width: 42px;
		margin-left: 1px;
		background-color: #AE9F82;
		border-bottom: solid 1px white;
		color: White;
		font-weight: bold;
		vertical-align: middle;
		text-align: center;
	}

	.filterPanelbackground {
		border-color: #FFFFFF;
		background-image: url('../../App_Themes/paynetexchange/images/filterbackground.png');
		background-repeat: repeat;
		background-position: inherit;
		vertical-align: middle;
		font-size: x-small;
		font-weight: bold;
	}

	/* New Payment - Reconciliation Page */
	.reconcileLeft {
		background-image: url(images/new-payment-gradient.jpg);
		width: 318px;
		height: 174px;
		float: left;
		margin-left: 40px;
	}

	.reconcileContent {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 8pt;
		padding: 0px 10px 0px 10px;
	}

	.reconcileTitle {
		font-family: Arial, Helvetica, Sans-Serif;
		color: #878787;
		font-size: 12pt;
		height: 35px;
		vertical-align: middle;
		padding: 0px 10px 0px 10px;
	}

	.reconcileRight {
		background-image: url(images/new-payment-gradient.jpg);
		width: 318px;
		height: 174px;
		float: right;
		margin-right: 40px;
	}

	.reconcileButton {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 9pt;
		padding: 0px 10px 0px 10px;
		height: 40px;
	}

	.summaryView {
		font-family: Verdana;
		font-size: 8pt;
		padding: 0px 0px 0px 0px;
		width: 100%;
	}

		.summaryView strong {
			font-weight: bold;
			font-size: 8pt;
		}

		.summaryView a, .summaryView a:link, .summaryView a:visited, .summaryView a:hover {
			color: Black;
		}

		.summaryView TD {
			color: Black;
			font-weight: bold;
			padding: 0px 2px 0px 5px;
		}

		.summaryView .smallText {
			font-weight: normal;
		}

		.summaryView .tinyText {
			font-size: 8pt;
		}

	.summaryDetail {
		margin-left: 15px;
	}

		.summaryDetail .tinyText {
			font-size: 8pt;
		}

	/* Styles for the Payer side of a Payment Request pages */

	.paymentRequestButton {
		float: right;
		margin-right: 40px;
		margin-bottom: 14px;
	}

	input.paymentRequestTextBox {
		width: 150px;
	}

	select.paymentRequest {
		width: 156px;
	}

	#filterGrid {
		height: 8px;
		border: black 1px solid;
		background-color: #F0F0F0;
		margin-bottom: 20px;
	}

		#filterGrid .cell {
			width: 167px;
			height: 36px;
		}

	#OnlinePaymentsView th {
		/*padding-right: 10px;*/
	}

	#OnlinePaymentsView td {
		/*padding-right: 10px;*/
	}

	.filtertable {
		background-color: #DDDDDD;
		font-family: Arial;
		font-size: 12px;
		color: #444;
	}
}

/*------------------------------------------------------------------*/

.mainContainer {
	min-height: 600px;
	width: 977px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: White;
	border-width: 14px 14px 0px 14px;
	background-color: White;
}

.mainFooter {
	margin-left: auto;
	margin-right: auto;
	width: 977px;
	border-color: White;
	border-style: solid;
	border-width: 0px 14px 14px 14px;
}


.customerMenuContainer {
	width: 977px;
	height: 90px;
	background-color: White;
}

.container_Customer {
	background-image: url('images/bg-container-content_new.png');
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 977px;
	border-style: solid;
	border-color: White;
	border-width: 0px 0px 1px 0px;
	overflow: hidden;
	min-height: 425px;
}


.customerFooter {
	padding: 0px 10px 0px 10px;
	background-color: #EEEEEE;
	height: 40px;
	font-family: Arial;
	font-size: 12px;
	border-top: solid 1px grey;
}

	.customerFooter a {
		font-family: Arial;
		font-size: 12px;
		text-decoration: none;
	}

	.customerFooter .logo {
		background: url('../images/sungard.jpg') no-repeat;
	}

/*------------------------------------------------------------------*/



.headerText {
	font-family: arial;
	font-size: 22px;
	color: #FFF;
	border-left: thin solid white;
	height: 20px;
	display: inline-block;
	padding-left: 1px;
}

.welcomeTextCss {
	font-family: arial;
	font-size: 12px;
	color: #FFF;
}

.header a {
	color: #FFF;
	text-decoration: none;
}

.header {
	background-color: #007d8a;
	background-repeat: repeat;
	height: 65px;
}

.wrap_column {
	word-break: break-all;
	word-wrap: break-word;
}

.nowrap_colum {
	white-space: nowrap;
}

span.footnote {
	color: #818181;
	font-size: 10px;
	font-style: italic;
}

ul.orangeBullet li {
	color: #FF6600;
}

	ul.orangeBullet li span {
		color: #3A3A3A;
	}

.progressBackgroundFilter {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
	height: expression(document.body.clientHeight* .10 + "px");
	width: expression(document.body.clientWidth *0.90 + "px");
	height: 10%;
	width: 90%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 1000;
}

.processMessage {
	position: absolute;
	top: expression((document.body.clientHeight * .30) + "px") padding:10px;
	width: 14%;
	z-index: 1001;
	background-color: #fff;
	border: solid 1px #000;
}

/* classes for new login page..*/

.newContainer {
	height: 750px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	border: none;
	vertical-align: middle;
}

.newContainerTbl {
	height: auto !important;
	background-color: #007d8a;
}

.divContainerTbl {
	position: absolute;
	top: 32%;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	border: none;
	vertical-align: middle;
}

.btnLogin {
	font-family: Arial;
	font-size: 12px;
	float: right;
}

#clientLoginArea {
	margin: 0 auto;
	text-align: center;
	width: 960px;
	height: 100%;
	background-color: white;
}

.activeSessionMessage{
	text-align:left;
}

.newContents {
	background-color: #007d8a;
	padding-top: 5px;
	padding-bottom: 5px;
}

.newContentsFineTuned {
	background-color: #007d8a;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 300px;
}

.newContentsSetLink {
	background-color: #007d8a;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 223px;
}

.loginLogo {
	background-repeat: no-repeat;
	height: 160px;
	width: 17px;
	background-color: #007d8a;
	padding-left: 49px;
}

.logoImgCss {
	width: 65px;
	height: 26px;
}

.tdBrandName {
	padding-top: 4px;
	background-repeat: repeat;
	width: 337px;
	background-color: #007d8a;
	font-family: Arial;
	font-size: 22px;
	color: white;
	padding-left: 6px;
}

.brandText {
	color: #ffffff;
	vertical-align: sub;
	border-left: thin solid white;
	padding-left: -3px;
	display: block;
	height: 20px;
}

.PartnerPortalText {
	color: #ffffff;
	font-family: Arial;
	font-size: 25px;
}

.newLoginBg {
	width: 370px;
	background-color: #2C5F68;
}

.loginTexts {
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
}

.rightBand {
	width: 57px;
	background-image: url('images/rightBG.gif');
	height: 160px;
	background-repeat: repeat-y;
}

.loginPanel {
	background-repeat: repeat-x;
	height: 160px;
	display: inline;
}

	.loginPanel a {
		color: #FFFFFF;
	}

.loginTextBoxBg {
	height: 25px;
	width: 204px;
	text-align: left;
	padding-right: 0px;
}

.loginTextBox {
	border: 0;
	background: white !important;
	border-radius: 3px !important;
	width: 223px;
	height: 20px !important;
	margin-left: 0px !important;
	margin-top: 2px;
}

.loginMiddleBg {
	background-image: url('images/bgLines.gif');
	background-repeat: repeat-x;
	height: 160px;
	width: 93px;
}

.loginDrop {
	border-style: outset;
	width: 200px;
	height: 22px;
	font-size: 9pt;
	border: 0;
	background: transparent;
	border-collapse: collapse;
	border-color: White;
}
/* classes for new login page ends here*/
.announcementDiv {
	text-align: center;
	background-image: url('Images/announcementBg.gif');
	overflow: hidden;
	width: 977px;
}

.inlineError {
	color: #ffffff;
	font-size: 9pt;
	font-family: Arial;
}

.createEditRole {
	font-family: Arial;
	font-size: 12px;
}

	.createEditRole .input {
		padding: 0px;
	}

.lineGraphHeader {
	background-image: url('images/chartHeader.png');
	height: 25px;
	font-family: Arial;
	font-weight: bold;
	color: white;
}

.lineGraphTable {
	border-width: 3px 3px 3px 3px;
	border-color: #E5E5E3;
	border-style: solid;
	width: 100%;
	height: 100%;
}

.graphCell {
	padding-left: 15px;
	padding-right: 15px;
}

#lineGraph {
	width: 100%;
	height: 100%;
}

.ppViewDocBg {
	background-image: url('images/ppBg.gif');
	background-repeat: repeat-x;
	padding-left: 0px;
	height: 42px;
}

.ppHomeGridFooter {
	vertical-align: middle;
	text-align: right;
	padding: 2px 5px 2px 5px;
	margin: 2px 5px 2px 5px;
	height: 21px; /*background-color: #F0F0F0;*/ /*text-align: left;*/
	font-family: Arial;
	font-size: 8pt;
	/*background-image: url('images/GridHeader.gif');     background-repeat: repeat-x;*/
	border: solid 1px white;
}

.rolePage {
	width: 19%;
}

.silverFade {
	height: 32px;
	background: url('images/ppBg.gif') repeat-x;
	background-position: bottom;
}


.ppgridRow > td {
	padding: 8px;
	font-size: 8pt;
	border-bottom: solid #CCCCCC 1px;
}

.ppHomeGridHeader > th {
	border-top: solid #CCCCCC 1px;
	border-bottom: solid #CCCCCC 1px;
}

.mainFooter img {
	margin-right: 16px;
}

.ppgridView {
	width: 976px;
	max-width: 976px;
}

.ppgridRow > td {
	overflow-x: hidden;
}

.headerTdClass {
	padding-left: 8px;
	padding-top: 4px;
}

.logoTdClass {
	padding-left: 30px;
}

.td_logoutLink {
	color: white !important;
	border-left: thin solid white;
	margin-left: 6PX;
	padding-left: 6px;
	height: 12px;
	display: inline-block;
	margin-top: -4px;
}

.forgotPwdLink {
	font-family: Arial;
	font-size: 12px;
	padding-left: 100px;
	float: right;
	margin-right: 5px;
	margin-top: 3px;
}

.activeSessionsModal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 40vh; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.activeSessions-modal-content {
	background-color: #fefefe;
	margin: auto;
	border: 1px solid #888;
	width: 27%;
	min-width: 432px;
	margin-left: 35%;
	height: 100px;
	padding-top: 25px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
}

.headerConcurrentLogin{
	text-align: center;
	color: rgb(191, 17, 17);
}

.underlineConcurrentLogin{
	border: 0; height: 1px; background: #000;
}

.modal-button-container {
	text-align: right;
	margin-top: 10px;
}

.alignTextBox {
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
}

.activeSessions-modal-content > p {
	margin: 10px 0px 0px 5px;
}

.activeSessions-modal-content > hr {
	margin: 10px 0px 0px 0px;
}

.tooltipRow {
	position: relative;
}

.pinCodeMessage {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
}

.tooltip_templates {
	display: none;
}

.pd_cursorPointer {
	cursor: pointer;
}

.tooltipIcon {
	right: 45px;
	margin-top: -20px;
	margin-left: 20px;
	display: inline-block;
	position: absolute;
}

.pinCodeMessageInfoImg {
	position: absolute;
	margin-left: -24px;
	margin-top: -4px;
	height: 20px;
	width: 20px;
}

span.Title {
	font-size: 12px;
	font-family: Arial;
	color: #ffffff;
}

span.TitleWithoutPadding {
	font-size: 12px;
	font-family: Arial;
	color: #333;
}

td.userControlAlignment {
	padding-right: 20px;
}

.watermarked {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 85%;
	color: gray;
	background: transparent;
	border: 0;
	width: 200px;
	text-align: center;
}

#redirect {
	cursor: pointer;
	text-decoration: underline;
}

#main_LoginError {
	display: block;
	text-align: center;
}

.spnVerifyIdentity {
	padding-top: 5px;
	padding-right: 25px;
	font-size: 8.7pt;
}

span.Welcome {
	color: gray;
	font-family: Arial;
	font-weight: bolder;
	font-size: 14pt;
}

span.Title {
	font-size: 12px;
	font-family: Arial;
	color: #ffffff;
}

span.TitleWithoutPadding {
	font-size: 12px;
	font-family: Arial;
	color: #333;
}

td.userControlAlignment {
	padding-right: 30px;
}

.watermarked {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 85%;
	color: gray;
	background: transparent;
	border: 0;
	width: 200px;
	text-align: center;
}

#redirect {
	cursor: pointer;
	text-decoration: underline;
}

#LoginError, .LoginFunctError {
	display: block;
	text-align: center;
	color: white;
	font-size: 9pt;
	font-family: Arial;
	font-weight: normal;
}

div[id$='lblEmailSent'] {
	font-size: 12px;
	color: white;
}

.PlaceholderInnerDiv {
	color: white;
}

.forgotPassvalidator {
	color: white;
	font-weight: bold;
	margin-top: 10px;
}

.msgEmail {
	width: 387px;
	color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	margin-top: 40px;
}

.forgotPassBtnCancel {
	margin-left: 20px;
	Width: 76px;
	Height: 25px;
}

.forgotPassBtnContinue {
	Width: 76px;
	Height: 25px;
}

.divHead1 {
	font-family: Arial;
	color: white;
	margin-bottom: 10px;
	margin-top: 10px;
}

.divUserName {
	width: 227px;
}

.loginTextBoxEmailUser {
	margin-top: 10px;
	margin-bottom: 10px;
}

.divHead2 {
	font-family: Arial;
	color: white;
	margin-bottom: 10px;
	width: 250px;
	text-align: center;
	margin-top: 10px;
}

.divBtnContainer {
	text-align: right;
}

.forgotPassloginPanel {
	width: 100% !important;
	margin-right: 10px !important;
}

.forgotPassUserControlAlignment {
	width: 100% !important;
	padding-right: 0px !important;
}

.forgotPassLoginTextBox {
	background: white !important;
	border-radius: 3px !important;
	width: 100% !important;
	height: 20px !important;
	margin-left: 0px !important;
}

.forgotPassLoginTextBoxBg {
	background-image: none !important;
	width: 100% !important;
}

.forgotPassBtnContinueWithMargin {
	Width: 76px;
	Height: 25px;
	margin-right: 20px;
}

#lblHelpMessage {
	float: right;
}

#divVerifyIdentity {
	padding-bottom: 5px;
	text-align: right;
}

.divDesktopRegistration {
	width: 230px;
}

#divLogin {
	margin-top: 5px;
}

.errorUl {
	display:inline;
	list-style:none;
	max-width:330px;
}

.tdChallengeQuestionstyle {
max-width:200px;
}

.PSetPassLiWidth {
max-width:252px;
}