@charset "utf-8";
/* CSS Document */

/* CSS class Added by Raghuram for Login page 10-11-2010 */

div.loginRootDiv{ _width:208px; }
.loginRootDiv .loginBoxTopDiv{background:url(images/login/purple_bg_top.gif) left top no-repeat; font-size:0px; height:5px;}
.loginRootDiv .loginBoxContentDiv{background:url(images/login/purple_bg_bottom.gif) left bottom no-repeat;_background:url(images/login/purple_bg_bottom.gif) left bottom no-repeat;	 	
	min-height:165px;_min-height:165px;/*height:165px;*/color:#fff;margin:0px;}
.loginRootDiv .loginBoxTitleDiv{margin:0px;padding:0px;padding-left:8px;color:#fff;background-color:#64135f}
.loginRootDiv .loginBoxTitleDiv  h2{margin:0px;padding:0px;color:#fff; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width:130px; line-height:1.5em;}
.loginRootDiv .loginBoxTitleDiv .loginBoxErrorDiv{text-align:left;padding:4px 5px 0px 0px;color:#FFF;}
.loginRootDiv .loginBoxTitleDiv .loginBoxErrorDiv p{line-height:14px;font-size:90%;color:#FFF;padding-bottom:4px;}
.loginRootDiv .loginBoxContentDiv .content{margin:0px;_margin-top:-1px;padding:8px;_margin-top:-5px; }
.loginRootDiv .loginBoxContentDiv .content input{font-size:90%;color:#999 !important;}
.paddingTop10px{padding-top:7px;}
.paddingLeft5px{padding-left:5px;}
.loginRootDiv .loginBoxContentDiv .content a,.loginBoxRootDiv .loginBoxContentDiv .content a:hover,.loginBoxRootDiv .loginBoxContentDiv .content a:visited,.loginBoxRootDiv .loginBoxContentDiv .content a:active{color:#fff;}


.leftNavRootDiv{background:#fff; width:197px; margin:10px 0px 0px 10px; padding:15px 0px;text-align:left;}
.leftNavBulletinDiv{ width:167px; position:relative; padding:5px; border-bottom:1px solid #D8D8D8; font-size:12px;color:#505050;}
.leftNavBulletinDivlast{ position:relative; padding:5px;font-size:12px;color:#505050;border-bottom:none}
.leftNavBulletinHead{font-size:14px; font-weight:bold; display:block; padding-bottom:5px; text-align:left;color:#0269A3}

.leftNavsub_menuContainer{float:left; width:219px; display:none; position:absolute;left:177px; *left:170px;_left:167px;top:-5px; }
.leftNavsub_menuContainer .sub_menuTop{background:url(images/login/blue-top-popup.gif) no-repeat top left;width:219px;argin-left:-8px;padding-top:10px;}

.leftNavsub_menuContainer .sub_menuContent {top:0px;background:url(images/login/blue-bottom-popup.gif) no-repeat bottom left;width:219px;margin-top:-17px;*margin-top:-5px;_margin-top:-5px;text-align:left;}

.leftNavsub_menuContainer .sub_menuContent ul {*margin-left:0px !important;text-align:left; list-style:none;padding:0px;}
.leftNavsub_menuContainer .sub_menuContent ul li{padding:4px 5px; }
.leftNavsub_menuContainer .sub_menuContent ul li span{ font-size:12px; font-weight:bold; color:#505050; margin-top:5px;text-align:left;}

.LoginLink{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;text-decoration:none; padding:3px 0 3px 0;}
a:hover.LoginLink{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
a:visited.LoginLink{ text-decoration:none;}
a:active.LoginLink{ text-decoration:none;}

.ChangeLangDiv{
	width:167px;
	position:relative; 
	left:10px; 
	padding:5px; 
	border-bottom:1px solid #7A1A73; 
	color:#ffffff; 
	font-size:12px;
	display:block;
}

.ChangeLangsub_menuContainer .sub_menuTop{
	background:url(images/login/blue-top-popup.gif) no-repeat top left;
	width:219px;
	margin-left:-8px;
}
.ChangeLangsub_menuContainer .sub_menuContent {
	top:0px;
	background:url(images/login/blue-bottom-popup.gif) no-repeat top left;
	width:219px;
	margin-top:-17px;
	*margin-top:-5px;
	_margin-top:-5px;
}

/* CSS class Added by Raghuram for Login page to Aurelian Trust Bank template 12-11-2010 */
.containerMargin{margin-top:-22px;}
.greytopbg{
	width:964px; 
	background:url(images/login/gbl_top.jpg) no-repeat;
	padding-top:8px; 
	padding-bottom:0px;
	_padding-bottom:2px;
	}

/*Center content starts */

.homeCon {
	width:485px;
	float:left;
}

.homeCon p {
	padding:0;
	margin:0;
}
.homeConLeft {
	float:left;
	width:230px;
	padding-right:10px;
}
.loginContentBox{width:495px;float:left;text-align: left}
.loginContentBox h1 {width:495px}
.loginContentLeftBox{float:left;width:233px;height:610px;background:url(images/ally-dealer-rewards.png) no-repeat;text-align:left;}
.homeConRight{ border:1px solid #DCDCDC; padding:0 5px 0 5px; text-align:left; width:233px; float:left;}
.homeConRight h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#666666;}

.loginContentBox .tab_container {
padding-top:10px;
}

/*.textBox1ImageBox {width:233px;height:610px;background:url(images/login/Textbox1-ACBRewards_logo.jpg) no-repeat;}
.homeConBox {width:485px;float:left;}
.homeConRightBox {float:right;width:230px;padding-left:10px;}
.homeConLeftBox {background:url(images/login/Textbox1-ACBRewards_logo.jpg) no-repeat;}
*/
/*Center content ends */




.homeCon p {
	padding:0;
	margin:0;
}


.homeConRight {
	float:right;
	width:230px;
	padding-left:10px;
}
.ContentWell-3col-top {
	float:left;
	background:url(images/login/bkgrd-3col-top.gif) no-repeat;	
	padding: 0;
	margin:0 0 0 -1px;
}
.ContentWell-3col-mid {
	float:left;
	width:750px;
	background:url(images/login/bkgrd-3col-mid.gif) repeat-y 0 50px;
	margin:-3px 0 0;
}
.cRightColumn {
	width:190px;
	float:left;
	padding:0;
}

/*Sustain CR*/
.RtCol-Banner {
	width:188px;
	float:right;
	padding: 0 0 18px 0;
	vertical-align:top;
}

/*Sustain CR - NEW*/
.RtCol-Banner-flash {
	width:190px;
	float:right;
	padding: 0 0 18px 0;
	vertical-align:top;
}

/*GMACBank Savings change*/
.RtCol-Banner-Bank {
	width:190px;
	float:right;
	padding: 0 0 18px 0;
	vertical-align:top;
}

/*CR-1149 - GAP Care Advantage*/
.RtCol-Banner-GAP {
	width:189px;
	float:right;
	padding: 0 0 18px 0;
	vertical-align:top;
}

/*NADA Changes*/
.RtCol-Banner-NADA {
	width:189px;
	float:right;
	padding: 0 0 18px 0;
	vertical-align:top;
}

.imgpods img{
	float:left;
	margin:10px 4px 20px 0;
}
.contentspacing {
	background:transparent;
	margin:0;
	padding:0 0px 15px 18px;
}
.textBox1Image {
	width:233px;
	height:610px;
	background:url(images/login/Textbox1-ACBRewards_logo.jpg) no-repeat;
}
.clearer {
	font-size:0;
	display:block;
	clear:both;
	width:auto;
	margin:0;
	padding:0;
}
.grayloginWidjetNonjs {
	background: url(images/login/login-grey-img.gif) no-repeat top right;
	width:210px;
	height:210px;
	margin-top:10px;
	margin-left:10px;
  
}
.grayloginWidjetNonjsText {
 	color:red;
 	text-align:center; 
 	font-size:14px; 
 	font-weight:bold;
 	padding-top:70px

}

#login-left-bg{
background:url(images/login/login-left-bg-grey.gif) repeat-y;
}

#iframeDivID{margin-left:8px;}

/* css added to move the ul towards left on 15/02/2011 - starts here*/
ul{margin-left:0px;padding:0 0 0 17px;}
ol{margin-left:0px;padding:0 0 0 25px;}
/* css added to move the ul towards left on 15/02/2011 - ends here*/

/* CSS styles updated by Manjunath - 02-08-2012 - start */
.loginRootDiv{
	width:198px;margin:0px 0px 0px 8px;padding:3px 0  0 10px;
}

/* CSS for hide the login page user input fields in Non-JS mode - ragu - 18July2012*/
.displayNone {display:none;}
.displayBlock{display:block;}
.loginRootDiv  .grayloginWidjetNonjs{margin-left:0px;}

/* Login Widget Button CSS Created by Raghuram on 22/07/2010 */
a.btnGreyLink {background:url(images/login-right.png) center right no-repeat;_background:url(images/login-right1.gif) center right no-repeat; float:left; text-align:center;text-decoration:none;padding:2px 0px; margin-right:4px;color:#999; line-height:19px;min-height:20px;_height:20px;}
a.btnGreyLink span{background:url(images/login-left.png) center left no-repeat;_background:url(images/login-left1.gif) center left no-repeat;margin-top:0px;float:left;margin-right:10px;cursor:hand;text-decoration:none;padding:2px 0px 2px 10px;min-height:20px;_height:20px;}
span.btnDisabledFont{color:#999;}
span.btnGreyFont{color:#802c7e;font-weight:bold;}
span.btnPurpleFont{font-size:12px;color:#64531F;}

a:hover.btnGreyLink{text-decoration:none;}
a.btn span img,a.btnGreyLink span img{float:left;margin-left:0px;margin-top:3px;_margin-top:4px;margin-right:4px;}

.paddingLeft8px{padding-left:8px;}

.bg-color-wht{
background-color:#FFFFFF !important;
}


#actualLoginWidget .loginBoxContentDiv .userLnks div a{/* float:left;*/ text-align:left;line-height:19px !important; }
#actualLoginWidget .loginBoxContentDiv .userLnks div a.dejargonator{ background:none; border-bottom:none; font-size:12px !important; padding-left:0px; clear:left; font-weight:normal;}
#actualLoginWidget .loginBoxContentDiv .userLnks div.dynamic{ position:relative; clear:left;}
#actualLoginWidget .loginBoxContentDiv .userLnks div.contextulaHelp a{ cursor:help;}
#actualLoginWidget .loginBoxContentDiv .userLnks .login-dj-layer{position:absolute;display:none;left:0;top:0px;width:316px;z-index:1000;text-align:left;cursor:help;}
#actualLoginWidget .loginBoxContentDiv .userLnks .dj-inner{background:url(images/dejarg-bubble-bot.png) no-repeat left 0;padding:0 20px; position:relative;height:50px; height:70px\9;}
#actualLoginWidget .loginBoxContentDiv .userLnks .viewport-top .dj-inner{background-position:left bottom;color:#505050;}
#actualLoginWidget .loginBoxContentDiv .userLnks .dj-inner div.term{position:relative;top:30px;}
#actualLoginWidget .loginBoxContentDiv .userLnks .dj-inner div.term ul{margin:0;padding:0;list-style:none;}
#actualLoginWidget .loginBoxContentDiv .userLnks .dj-inner div.term li{margin:0;padding:0;}
#actualLoginWidget .loginBoxContentDiv .userLnks .viewport-top .dj-inner div.term{top:-20px;}
#actualLoginWidget .loginBoxContentDiv .userLnks .dj-point{background:url(images/dejarg-tip-sprite-top.png) no-repeat left 0;height:80px;}
#actualLoginWidget .loginBoxContentDiv .userLnks .viewport-right .dj-point{background-position:left -100px;}
#actualLoginWidget .loginBoxContentDiv .userLnks .viewport-top .dj-point{background-position:left -200px;height:72px;height:58px\9;}
#actualLoginWidget .loginBoxContentDiv .userLnks .viewport-both .dj-point{background-position:left -300px;}
/* CSS styles updated by Manjunath - 02-08-2012 - end */