﻿
/*
	Awards blue - #6699FF
	Insurance green - #66CC99
	Charity orange - #FF6633
	Benefits purple - #9966CC 
	Background Grey - #CCCCCC
*/
/* Old Body
body 
{
	background-color:#cccccc;
	max-height:100%; ** fix height for other browsers **
	overflow:hidden; ** get rid of scroll bars in IE **
	background-image:url("../Images/divBackFade.jpg");
	background-position:top center;
	background-repeat:repeat-y;
	text-align:center;
}
*/


body
{
	background-color: #cccccc;
	background-image: url("../Images/divBackFade.jpg");
	background-position: top center;
	background-repeat: repeat-y;
	text-align: center;
}
span
{
	font-family: Verdana;
}
a
{
	font-family: Verdana;
}
td
{
	font-family: Verdana;
}
#Menu
{
	width: 150px;
}

.MenuItem
{
	background-color: Transparent;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	padding-left: 8px;
	vertical-align: middle;
	height: 18px;
}

.MenuItemSelected
{
	background-color: Transparent;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 8px;
	vertical-align: middle;
	height: 18px;
}

.MenuItemBtm
{
	background-color: Transparent;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 8px;
	vertical-align: middle;
	height: 18px;
}

.MenuItemBtmSelected
{
	background-color: Transparent;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 8px;
	vertical-align: middle;
	height: 18px;
}

.MenuItemBtm:hover
{
	color: black;
}

.MenuItem:hover
{
	color: black;
}

#StoresHolder
{
	width: 640px;
	text-align: left;
}

.PaymentNotice
{
	clear: left;
	margin-left: 70px;
	float: right;
	width: 250px;
	padding: 5px;
	position: absolute;
	top: 400px;
	border: solid 1px #666666;
}

.BlueMessage
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: Blue; /*	border: solid 1px blue;*/
	height: 100px;
	width: 250px; /*	padding:5px;*/
}

.rndTop100
{
	vertical-align: top;
	position: relative;
	margin-top: 0px;
	height: 10px;
	width: 100%; /*border:solid 1px red ;*/
}

.rndBtm100
{
	vertical-align: bottom;
	position: relative;
	margin-bottom: 0px;
	height: 10px;
	width: 100%;
	border: 0;
}


.rndTop300
{
	vertical-align: top;
	position: relative;
	margin-top: 0px;
	height: 10px;
	width: 300px;
	border: 0;
}

.rndBtm300
{
	vertical-align: bottom;
	position: relative;
	margin-bottom: 0px;
	height: 10px;
	width: 300px;
	border: 0;
}

.rndTop350
{
	vertical-align: top;
	position: relative;
	margin-top: 0px;
	height: 10px;
	width: 350px;
	border: 0;
}

.rndBtm350
{
	vertical-align: bottom;
	position: relative;
	margin-bottom: 0px;
	height: 10px;
	width: 350px;
	border: 0;
}

.rndTop345
{
	vertical-align: top;
	position: relative;
	margin-top: 0px;
	height: 10px;
	width: 345px;
	border: 0;
}

.rndBtm345
{
	vertical-align: bottom;
	position: relative;
	margin-bottom: 0px;
	height: 10px;
	width: 345px;
	border: 0;
}

.StoreImage
{
	float: left;
	clear: none;
	padding: 10px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: blue;
	text-align: center;
	width: 100px;
	height: 150px;
}

.StoreLabel
{
	float: left;
	clear: none;
	padding: 10px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: blue;
	text-align: center;
}

.aclass
{
	width: 790px;
	height: 30px;
	vertical-align: middle;
	margin-bottom: 10px;
	border-bottom: solid 1px #666666;
}

.lgdInPageTop
{
	width: 650px;
	height: 30px;
	margin-bottom: 10px;
	border-bottom: solid 1px #666666;
}

.200L
{
	float: left;
	width: 200px;
}

.400R
{
	float: right;
	width: 400px;
	text-align: right;
}

.floatLeft
{
	float: left;
	width: 500px;
}

.floatRight
{
	float: right;
	width: 300px;
	margin-top: 25px;
}

.HiddenPnl
{
	display: none;
}

.ShowPnl
{
	display: block;
	vertical-align: top;
}

.FrontPageTitle
{
	font-family: Arial,Verdana;
	font-size: 44px;
	font-weight: normal;
	color: #66CCCC;
}

.PageTitle
{
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: black;
}

.alignTop
{
	vertical-align: top;
}

.rgtHdrLnk
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	margin-right: 0px;
	position: relative;
	color: #666666;
	padding-top: 6px;
	float: right;
}

.GreyedDate
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #CCCCCC;
	vertical-align: middle;
}

.hdrLnk
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

.RptHeader
{
	border-bottom: solid 1px white;
	background-color: Transparent;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 8px;
	vertical-align: middle;
	height: 18px;
}

.stopcard
{
	text-align: right;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	padding-top: 10px;
	text-decoration: none;
	background-color: Transparent;
	border: 0;
	float: left;
	margin-left: 120px;
}

.stopcard:hover
{
	color: black;
}

.rgtHdrLnk:hover
{
	color: black;
}

.pl2
{
	padding-left: 2px;
}



#lostCrdHolder
{
	float: left;
	width: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}

#HolderLI
{
	text-align: left;
	width: 500px;
	min-height: 370px;
	padding-left: 10px;
}

#Holder
{
	text-align: left;
	width: 810px;
	min-height: 397px;
	padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
}

#LoggedOnHdr
{
	text-align: left;
	width: 810px;
	vertical-align: middle;
	height: 18px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
}

#hdrLoginPage
{
	text-align: left;
	width: 830px;
	height: 220px;
	min-height: 85px;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
}

#hdrLoggedIn
{
	text-align: left;
	width: 830px;
	height: 85px;
	min-height: 85px;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
}

#hdr
{
	text-align: left;
	width: 810px;
	height: 85px;
	background-position: left top;
	background-image: url(../images/hdrCrnLeft.jpg);
	background-repeat: no-repeat;
	min-height: 85px;
	background-color: #9966CC;
	vertical-align: middle;
	padding-left: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#footer
{
	/*	height:30px; 	background-color:#9966CC;*/
	width: 830px;
	position: relative;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin-left: auto;
	margin-right: auto; /*BACKGROUND-POSITION: left middle;  	BACKGROUND-IMAGE: url(../images/ftrBack.jpg);  	BACKGROUND-REPEAT:no-repeat;  	margin-top:20px;*/
}

#footer p
{
	padding-top: 8px;
}

.lbltitle
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: black;
	float: left;
	clear: right;
	padding: 0;
	text-align: right;
}

.lblLoggedOnAs
{
	color: Blue;
	font-size: 11px;
	font-weight: bold;
	float: left;
}

.ftrr
{
	float: right;
	clear: both;
	margin-right: 0px;
}

.ftrl
{
	float: left;
	clear: both;
	margin-left: 0px;
}

h1
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 22px;
	color: black;
}

h2
{
	font-family: Verdana;
	font-weight: normal;
	font-size: 18px;
	color: black;
}

h3
{
	color: #9F1419;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	padding: 5 5 5 5;
}

h4
{
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: black;
}

p
{
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: black;
}

em
{
	/*font-weight: bold ;   font-style: normal;   font-size:11px    ;*/ /* REMOVED TO STOP FIREFOX MESSING UP */
	vertical-align: top;
	color: #f00;
	padding-left: 3px;
}

.pageHyper
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	padding: 0;
	text-decoration: none;
	background-color: Transparent;
	border: 0;
	margin: 0;
}

.pageButtonLeft
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	padding: 0;
	text-decoration: none;
	background-color: Transparent;
	border: 0;
	margin: 0;
	text-align: left;
}

.lgnCntrlHolder
{
	width: 260px;
	text-align: right;
	padding-top: 6px;
}

.ftrHyper
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: black;
	margin-top: 10px;
	text-decoration: underline;
	background-color: Transparent;
	padding: 0 5px 0 5px;
}


.ftrHyperSelected
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: black;
	margin-top: 10px;
	text-decoration: none;
	background-color: Transparent;
	padding: 0 5px 0 5px;
}


.pageHyper:hover
{
	color: black;
	text-decoration: underline;
	cursor: hand;
}

.lbl
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: black;
	float: left;
	padding: 0;
}


.lblAcPgB
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
}

.lblMax
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: black;
	float: left;
	padding: 0;
	text-align: left;
	width: 100%;
}

.lblClientCost
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: black;
	float: left;
	padding: 0;
	text-align: left;
	width: 90%;
	border: solid 1px black;
}

.lblLA
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: black;
	float: left;
	padding: 0;
	text-align: left;
	padding-left: 30px;
	width: 100%;
}

.lblLA120B
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: black;
	width: 120px;
	text-align: left;
}

.lblPM
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: black;
	float: left;
	padding-bottom: 2px;
	padding-right: 5px;
	width: 93%;
	text-align: right;
}

.lblAccountAvailable
{
	font-family: Verdana;
	font-size: 20px;
	font-weight: bold;
	color: #A5B9C4;
	text-align: center;
}

.lblAccountPending
{
	color: #9F1419;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.rdoL
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: black;
	float: left;
	clear: both;
	padding: 0;
	text-align: left;
	width: 200px;
	padding-left: 100px;
}

.helpText
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: black;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-bottom: 0;
	border-top: 0;
	height: 100%;
}

.lblM
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: black;
	padding: 0;
	vertical-align: baseline;
}

.lblNoPrefix
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: black;
	vertical-align: middle;
	padding: 0;
	text-align: center;
}

.lblRA
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: black;
	padding: 0;
	text-align: right;
	vertical-align: baseline;
}

.lblb
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

.password
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: blue;
}

.ccTB
{
	background-color: White;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	width: 22px;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
}

.ccTBEnd
{
	background-color: White;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	width: 22px;
	float: left;
	margin-right: 0px;
	margin-bottom: 2px;
}

.crncy
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	width: 64px;
	float: left;
}

.currencyHolder
{
	float: left;
	clear: both;
	margin: 2px;
}

.ucCndr
{
	width: 100px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	float: left;
	text-align: center;
}

.btn
{
	background-color: Yellow;
}

.btnOver
{
	background-color: Green;
}

.loginBtn
{
	margin-left: 163px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: white;
	background-color: gray;
	cursor: hand;
}

.chngeBtn
{
	margin-left: 163px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: white;
	background-color: gray;
	cursor: hand;
	padding-bottom: 2px;
}

.forgotBtn
{
	margin-left: 100px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: white;
	background-color: gray;
	cursor: hand;
}

.lgnTxtBox
{
	width: 100px;
	background-color: Blue;
}

.Loginlbl
{
	text-align: right;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: Black; /*width:100px;*/
	float: left;
	margin-right: 3px;
	margin-left: 5px;
	padding-top: 3px;
}

.LoginTxt
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	width: 152px;
	float: left; /*margin-bottom:2px;*/
}

.pagelbl
{
	/*border:solid 1px lime;*/
	text-align: right;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	width: 120px;
	float: left;
	margin-right: 3px;
	padding-top: 3px;
	clear: left;
}

.pagelbl100, .pagelbl100_Bold
{
	text-align: right;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	width: 100px;
	float: left;
	margin-right: 3px;
	padding-top: 3px;
	clear: left;
}
.pagelbl100_Bold
{
	font-weight: bold;
}

.linedDDL
{
	text-align: right;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	width: 50px;
	margin-bottom: 2px;
}

.pageTxt
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	width: 150px;
	float: left;
	margin-bottom: 2px;
}

.txt3rd
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	width: 100px;
	margin-bottom: 2px;
}

.AmntAndCurr
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	float: left;
	margin-top: 3px;
	margin-bottom: 0px;
	padding-left: 2px;
	padding-right: 2px;
}

.LgnfldSet
{
	/*width:300px;*/
	border: none; /*color:black; 	font-family:Verdana; 	font-size:16px;	 	font-weight:bold; 	border: solid 1 silver; 	padding:10 5 10 50; 	width:300px; 	BACKGROUND-POSITION: center bottom;  	BACKGROUND-IMAGE: url(../images/bck.jpg);  	BACKGROUND-REPEAT: repeat-x ;*/
}

.Lgnfld300
{
	width: 300px;
}

.Lgnfld50pc
{
	width: 50%;
}

.fdbLeg
{
	color: #9F1419;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	padding: 5 5 5 5;
}

.fdbLegFP
{
	color: #66CCCC;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	padding: 5 5 5 5;
}

.NewsHeadline
{
	color: #9F1419;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	padding: 5 5 5 5;
}

.NewsText
{
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: black;
}

.loginLink
{
	color: Blue;
	margin-left: 100px;
	padding-top: 2px;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
}

/*fieldset{border:none;} */

.pd4
{
	padding-left: 2px;
	cursor: hand;
}

.special
{
	padding-left: 5px;
	padding-top: 2px;
}

.accept
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: black;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.ShowAllStores
{
	margin-left: 380px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #9F1419;
	vertical-align: top;
}

#pageHolder
{
	margin-left: auto;
	margin-right: auto;
	width: 810px;
}

.fltLeft
{
	float: left; /*position:relative;*/
	left: 6px;
}

.blockquotebordered
{
	border: solid 1px black;
}

.float
{
	float: left; /*padding-left:10px; */ /*background-color:red;*/
}
.floatrightonly
{
	float: right; /*background-color:green;*/
	text-align: right;
}

.DataGridHeader
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: white;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #A5B9C4;
	text-decoration: none;
}

.DataGridRow
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #A5B9C4;
}

.DataGridAltRow
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #A5B9C4; /*background-color:#FFCCBB;*/
}

.divBalances
{
	/*	background-color:red;*/
	text-align: center;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.gridviewborders
{
	border: solid 1px black;
	margin: 1px;
}

.griditemleftborderright
{
	text-align: left;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
}

.griditemrightborderright
{
	text-align: right;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
}

.pnlAccDet
{
	width: 650px;
}

.pnlFooter
{
	width: 830px;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

.red
{
	background-color: Red;
	height: 150px;
	width: 140px;
}
.faq-answer
{
	display: none;
}
#rotateNews
{
	width: 365px;
	height: 540px;
	overflow: hidden;
	padding-left: 0px;
	padding-right: 5px;
	margin-left: 0px;
	padding-right: 8px;
	padding-left: 0px;
	padding-bottom: 0px;
	overflow: auto;
	padding-top: 0px;
}
#rotateNews li
{
	display: block;
	padding: 0px;
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	overflow: hidden;
	font-size: 14px;
}
#rotateAds
{
	width: 250px;
	height: 540px;
	overflow: hidden;
	padding-left: 0px;
	padding-right: 15px;
	margin-left: 0px;
}
#rotateAds li
{
	display: block;
	padding: 0px;
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	height: 540px;
	overflow: hidden;
	font-size: 14px;
}
#rotateWholeNewsDiv
{
	width: 365px;
	height: 540px;
	padding-right: 8px;
	padding-left: 0px;
	padding-bottom: 0px;
	overflow: auto;
	padding-top: 0px;
	display: none;
}
#doNotrotateAds
{
	width: 250px;
	height: 540px;
	overflow: hidden;
	padding-left: 0px;
	padding-right: 15px;
	margin-left: 0px;
}
#doNotrotateAds div
{
	display: block;
	padding: 0px;
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	height: 540px;
	overflow: hidden;
	font-size: 14px;
}

 

