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

/******FULL SCREEN UI - REMOVE THIS COMMENT*/
html, body {height: 100%; font-family: Tahoma, Geneva, sans-serif; }

/******FULL SCREEN UI - REMOVE THIS COMMENT*/
body{ background:url('../images/bg.png') repeat-x; font-size:16px; font-family:Tahoma, Geneva, sans-serif; margin:0px; padding:0px;}
 

/******FULL SCREEN UI - REMOVE THIS COMMENT*/
/******************main con start here*******************/
#main-con{ width:1000px; margin:0px auto; min-height:100%; }
/******************main con ends here*******************/

/******************header start here*******************/
.header{}
/******************header ends here*******************/

/******************logo start here*******************/
.logo{ float:left; width:/*382px*/360px; height:120px; background:url('../images/logo.png') no-repeat;}

/******************logo ends here*******************/

/************threelink start here*****************/
.threelink{ padding:60px 0px 0px 0px; width:100px; margin:0px auto;}
.threelink ul{ margin:0px; padding:0px; list-style:none;}
.threelink ul li{ float:left; margin:0px 10px 0px 0px;}
/************threelink ends here*****************/

/******************right-pattren start here*******************/
.right-pattren{ background:url(../images/right-pat.png) no-repeat; width:612px; height:60px; float:left;}
/******************right-pattren ends here*******************/

/*go-back section start here*/
.go-back-section{ font-size:8.25pt; color:#6b707a; width:200px; margin:0px 10px 0px 10px; float:left; padding:20px 0px 0px 0px;}
.go-back-section a{ color:#6b707a; text-transform:uppercase; padding:2px 0px 0px 0px; display:block;}
.go-back-section a:hover{ text-decoration:none;}
/*go-back section ends here*/
.img{ float:left; margin:0px 10px 0px 0px;}

/*logged-box start here*/
.logged-box{ float:left; width:100px; font-size:8.25pt; color:#6b707a; padding:20px 0px 0px 0px; margin:0px 10px 0px 15px;}
/*logged-box ends here*/

/*logout start here*/
.logout{ font-size:8.25pt; color:#6b707a; width:120px; margin:0px 10px 0px 10px; float:right; padding:20px 0px 0px 0px;}
.logout a{ color:#6b707a; text-transform:uppercase; padding: 4px 0px 0px 0px; display:block;}
.logout a:hover{ text-decoration:none;}
/*logout ends here*/

/*lang panel start here*/
.lang-panel{ float:left; padding:20px 0px 0px 0px;}
/*lang panel ends here*/

.clr{ clear:both; font-size:1px; line-height:1px; height:1px;}

/****************nav start here (login)****************/

.navigation{ width:650px; padding:15px 0px 0px 0px; margin:10px 0px 0px 0px;}
.navigation ul{ margin:0px; padding:0px; list-style:none;}
.navigation ul li{ float:left; display:block;  margin:5px 0px 0px 0px; }
.navigation ul li a{ float:left; display:block; background:url(../images/left-g1.png) no-repeat; padding:0px 0px 0px 17px; text-decoration:none; text-align:left; color:#fff; font-size:8.25pt; text-transform:uppercase; font-weight:bold;}
.navigation ul li a span{ float:left; display:block; background:url(../images/right-g1.png) no-repeat right; padding:7px 28px 18px 13px; text-decoration:none; text-align:left; color:#fff; line-height:25px;}
.navigation ul li a span:hover{ background:url(../images/right-w.png) no-repeat right; color:#545965;} 
.navigation ul li a:hover{ background:url(../images/left-w.png) no-repeat; color:#545965; }
.navigation ul li a span.on{ background:url(../images/right-w.png) no-repeat right; color:#545965;} 
.navigation ul li a.on1{ background:url(../images/left-w.png) no-repeat; color:#545965; }

/****nav home ****/
.navigation_h{ width:650px; padding:15px 0px 0px 0px; margin:10px 0px 0px 0px;}
.navigation_h ul{ margin:0px; padding:0px; list-style:none;}
.navigation_h ul li{ float:left; display:block;  margin:5px 0px 0px 0px; }
.navigation_h ul li a{ float:left; display:block; background:url(../images/left-g1.png) no-repeat; padding:0px 0px 0px 17px; text-decoration:none; text-align:left; color:#fff; font-size:8.25pt; text-transform:uppercase; font-weight:bold;}
.navigation_h ul li a span{ float:left; display:block; background:url(../images/right-g1.png) no-repeat right; padding: 7px 23px 18px 8px; text-decoration:none; text-align:left; color:#fff; line-height:25px;}
.navigation_h ul li a span:hover{ background:url(../images/right-w.png) no-repeat right; color:#545965;} 
.navigation_h ul li a:hover{ background:url(../images/left-w.png) no-repeat; color:#545965; }
.navigation_h ul li a span.on{ background:url(../images/right-w.png) no-repeat right; color:#545965;} 
.navigation_h ul li a.on1{ background:url(../images/left-w.png) no-repeat; color:#545965; }
/****************nav ends here****************/

/******************right-header start here*******************/
.right-header{ width:612px; float:left;}
/******************right-pattren ends here*******************/

/*contentpanle start here*/

.contentpanel{ padding:15px 0px 15px 0px; padding-bottom: 80px;}
.contentpanel-sessionexpired { padding:50px 0px 15px 0px; }
/*contentpanle ends here*/

/*welcome section start here*/
.welcome-section{}
.welcome-left{ float:left;}
.welcome-middle { float:left; background:url(../images/welcome-middle.png) repeat-x; width:892px; height:42px;}
.welcome-middle h1{ float:left; font-size:10.5pt; color:#666; margin:0px; padding:10px 0px 0px 5px; font-weight:normal;}
.welcome-middle p{ float:right; font-size:9.75pt; color:#959595; margin:0px; padding:10px 0px 0px 5px; font-weight:normal;}
/*welcome section ends here*/


/*leftpanel start here*/
.leftpanel{ float:left; width:235px; margin:0px 10px 0px 0px; padding:0px 0px 55px 0px;}
.leftpanel h1{ float:left; font-size:13.5pt; color:#666; margin:0px; padding:25px 0px 15px 17px; font-weight:normal;}
/*leftpanel ends here*/

/*link-section start here*/
.link-section{ width:220px;}
.link-section ul{ margin:0px; padding:0px; list-style:none;}
.link-section ul li{ float:left; width:220px; margin:0px 0px 8px 0px;}
.link-section ul li a{ float:left; width:205px; font-size:8.25pt; color:#fff; text-transform:uppercase; background:url(../images/quick-link.png) no-repeat; width:220px; height:30px; line-height:30px; padding:0px 0px 0px 13px;}
.link-section ul li a:hover{ text-decoration:none;}
.link-section ul li a.on{ float:left; width:205px; font-size:8.25pt; color:#fff; text-transform:uppercase; background:url(../images/active.png) no-repeat; width:220px; height:30px; line-height:30px; padding:0px 0px 0px 13px;}
.link-section ul li a.on-home{ float:left; width:205px; font-size:8.25pt; color:#fff; text-transform:uppercase; background:url(../images/active-quick-link.png) no-repeat; width:220px; height:30px; line-height:30px; padding:0px 0px 0px 13px;}
/*link-section start here*/

/*email icon start here*/ /*Paing modified here to adjust the space*/
.email-icon{ font-size:8.25pt; color:#ed1c24; width:191px; /*margin: 0px auto 15px auto;*/margin-top:5px;}
.email-icon a {    background: url("../images/email-icon.png") no-repeat scroll 0 0 transparent;    color: #ED1C24;    display: block;    font-size: 8.25pt;    margin: 0 auto;    padding: 3px 0px 11px 50px;    text-transform: uppercase;    width: 129px;}
.email-icon a:hover{ text-decoration:none;}
/*email icon ends here*/

/*phone icon start here*/
.phone-icon{ font-size:8.25pt; color:#ed1c24; width:191px; /*margin:0px auto 11px auto;*/margin-top:5px;}
.phone-icon a {    background: url("../images/phone-icon.png") no-repeat scroll 0 0 transparent;    color: #ED1C24;    display: block;    font-size: 8.25pt;    margin: 0 auto;    padding: 3px 0px 11px 50px;    text-transform: uppercase;    width: 129px;}
.phone-icon a:hover{ text-decoration:none;}
/*email icon ends here*/

/*locaiton icon start here*/
.location-icon{ font-size:8.25pt; color:#ed1c24; width:191px; /*margin:0px auto 15px auto;*/ margin-top:5px;}
.location-icon a {    background: url("../images/location-icon.png") no-repeat scroll 0 0 transparent; color: #ED1C24;    display: block;    font-size: 8.25pt;    margin: 0 auto;    padding: 3px 0px 11px 50px;    text-transform: uppercase;    width: 129px;}
.location-icon a:hover{ text-decoration:none;}
/*location icon ends here*/

/*rightpanel start here*/
.rightpanel{ width:691px; float:left;}
.rightpanel h1{ float:left; font-size:13.5pt; color:#666; margin:0px; padding:25px 0px 15px 0px; font-weight:normal;}
.rightpanel p{ font-size:9.75pt; color:#000; margin:0px; padding:0px; clear:both;}
.rightpanel-1{ width:671px; float:left; padding:0px 0px 0px 20px;}
.rightpanel-1 h1{ float:left; font-size:13.5pt; color:#666; margin:0px; padding:25px 0px 15px 0px; font-weight:normal;}
.rightpanel-1 p{ font-size:9.75pt; color:#000; margin:0px; padding:0px; clear:both;}
/*rightpanel ends here*/

/*accountpanel start here*/
.accountpanel{ padding:10px 0px 0px 0px;}
/*accountpanel ends here*/

/*account-bg-heading start here*/
.account-bg-heading{}
/*account-bg-heading ends here*/

/*account-middle start here*/
.account-middle{ background:url(../images/account-middle.png) repeat-x; width:650px; height:24px; float:left; padding:6px 0px 0px 0px;}
.account-middle-home { background:url(../images/account-middle.png) repeat-x; width:580px; height:24px; float:left; padding:6px 0px 0px 0px;}
/*account-middle start here*/

/*account-section start here*/
.account-section{ width:363px; float:left; font-size:9.75pt; color:#fff;}

/*account-section ends here*/

/*balance-section start here*/
.balance-section{ width:150px; float:left; font-size:9.75pt; color:#fff; margin:0px; padding:0px 14px 0px 5px; }
.middle-section{ font-size:9.75pt; color:#fff; margin:0px; padding:0px 14px 0px 5px; }

.section-two{width:138px;float:left; font-size:9.75pt; color:#000; margin:0px 0px 0px 0px;  border-bottom:1px solid #dde3ea; padding:10px 0px 10px 5px; text-align:right;}
.section-two2{width:93px; font-size:9.75pt; color:#000; margin:0px 0px 0px 0px; }
.section-two-p{ width:159px; float:left;}
/*balance-section ends here*/

/*details-section start here*/
.section-third-p{ width:118px; float:left;}
.section-third{ width:105px; float:left; font-size:9.75pt; color:#000; margin:0px 0px 0px 0px;  border-bottom:1px solid #dde3ea; padding:10px 0px 10px 10px; }
.details-section{ width:118px; float:left; font-size:9.75pt; color:#fff;}
/*details-section ends here*/

.section-first{ width:381px; float:left;}
/*account-section-txt start here*/
.account-section-txt{ width:344px; float:left; font-size:9.75pt; color:#000; border-bottom:1px solid #dde3ea; padding:10px 0px 10px 15px;}
.account-section-txt a{ color:#ed1c24;}
.account-section-txt a:hover{ color:#ed1c24; text-decoration:none;}
/*account-section start here*/

/******FULL SCREEN UI - REMOVE THIS COMMENT*/
/*footer-bg start here*/
.footer-bg{ background:url(../images/footer-bg.png) repeat-x; padding:10px; height:40px;width:auto; margin-top:-60px; clear:both; position:relative;}
.footer-panel{ width:980px; margin:0px auto; padding:10px;}
/*footer-bg ends here*/
/*copyright start here*/
.copyright{ width:167px; float:left; color:#d7d7d7; font-size:9pt; padding:5px 0px 0px 0px;}
/*copyright ends here*/

/*footer link start here*/
.footer-link{ float:right; width:793px; padding:5px 10px; color:#959595; font-size:8.25pt;}
.footer-link a{ color:#fff; text-transform:uppercase; font-size:8.25pt; padding:0px 10px; font-weight:bold;}
.footer-link a:hover{ text-decoration:none;}
/*footer link ends here*/
.veri-seal{margin-top:-95px;float:right;}


/*page 2 css start here*/

.loginpanel{ padding:40px 0px 0px 0px;}

/*login-box start here*/
.login-box{ width:411px; margin:0px auto;}
/*login-box ends her*/

/*login-middle start here*/
.login-middle{ background:url(../images/login-middle.png) repeat-y; width:370px; padding:10px 20px;}
.login-middle h1{ font-size:13.5pt; margin:0px auto; padding:10px 0px 30px 20px; color:#545965; font-weight:normal;}


.middle-inner-panel{ width:360px; margin:0px auto;}
.middle-inner-panel-label{ float:left; display:block; font-size:9.75pt; color:#000; margin:0px 12px 0px 0px; height:9px; padding:5px 0px 0px 20px; cursor:inherit;}
.login-form-bg{ float:right; width:240px; background:url(../images/login-txtfeild.png) no-repeat; height:30px; margin-right:10px;}
.textfeild{ width:225px; border:none; background:none; font-size:9.75pt; /*color:#959595;*/ padding:5px; outline:none;font-family: Tahoma, Geneva, sans-serif;}
.textfeild-large{ width:224px;height:40px; border:none;background:none; font-size:9.75pt; /*color:#959595;*/ padding:  0px 7px 5px 5px; outline:none;font-family: Tahoma, Geneva, sans-serif;overflow:auto;resize:none;}
.textfeild-multiline{ width:227px; height:80px;   border:none; background:none; font-size:9.75pt; /*color:#959595;*/ padding:  0px 5px 5px 5px; outline:none;font-family: Tahoma, Geneva, sans-serif;overflow:auto;resize:none;}
.register-section{ float:left; width:176px; color:#000; font-size:9.75pt; padding:50px 0px 0px 20px;}
.register-section a{ color:#ed1c24;}
.register-section a:hover{ color:#ed1c24; text-decoration:none;}
.submit-1{ padding: 7px 0 0 0px; background:url(../images/submit.png) top left no-repeat; font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; width:80px; height:30px; float:right; overflow:hidden; margin:20px 0px 0px 0px;}
.submit-1 a{ text-align:center; text-decoration:underline; text-transform:uppercase; color:#fff;}
.submit-1 a:hover{ text-decoration:none;}

.submit-3{ padding: 7px 0 0 0px; background:url(../images/submit.png) top left no-repeat; font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; width:80px; height:30px; float:left; overflow:hidden; margin:20px 0px 0px 0px;}
.submit-3 a{ text-align:center; text-decoration:underline; text-transform:uppercase; color:#fff;}
.submit-3 a:hover{ text-decoration:none;}

.submit-login{ padding: 7px 0 0 0px; background:url(../images/submit.png) top left no-repeat; font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; width:80px; height:30px; float:right; overflow:hidden; margin:20px 10px 0px 0px;}
.submit-login a{ text-align:center; text-decoration:underline; text-transform:uppercase; color:#fff;}
.submit-login a:hover{ text-decoration:none;}
/*login-middle ends here*/

/*total-panel start here*/
.total-section{ background:url(../images/total-bg.png) repeat-x; height:32px; padding:10px 10px 10px 15px; font-size:9.75pt; color:#ed1c24; clear:both; width:336px;}
.total-section2{ background:url(../images/total-bg.png) repeat-x; height:32px; padding:10px 0px 10px 5px ; font-size:9.75pt; color:#ed1c24; clear:both; width:139px;}
.total-section5{ font-size:9.75pt; color:#ed1c24; text-align:right; float:left;}
.total-section3{ background:url(../images/total-bg.png) repeat-x; height:32px; padding:10px 0px 10px 10px; font-size:9.75pt; color:#ed1c24; clear:both; width:105px;}
/*total-panel ends here*/


/*dhramender css start here*/


.rightCont{ float:right; width:663px; /*height:483px; -moz-border-radius:10px; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc;  box-shadow: 5px 5px 5px #ccc; border:1px solid #dde3ea;*/  overflow:hidden; padding:30px;}

.rightCont h2{ font:18px Tahoma, Geneva, sans-serif; color:#545965; text-align:left; font-weight:normal; margin:0px; padding:0px; }
.rightCont .formCont{ overflow:hidden; padding:10px 0 10px 0px; margin:0px;}
.rightCont .formRow{ overflow:hidden; padding:0 0 0 0px; margin:5px 0px;}
.rightCont .formRow .colsLeft{ float:left; overflow:hidden; padding:10px 0px; font:bold 13px Tahoma, Geneva, sans-serif; color:#000; text-align:right; width:127px; }
.rightCont .formRow .colsRight{ float:left; overflow:hidden; padding:2px 0 0 6px; }
.rightCont .formRow .colsRightRadi{ overflow:hidden; padding:2px 0 0 15px; }

.pad{ float:left; display:block; padding:7px 0 0 5px; margin:0px; overflow:hidden; }

.rightCont .formRow .colsRightTxt{ float:left; overflow:hidden; padding:5px 0 5px 10px; font:13px Tahoma, Geneva, sans-serif; color:#000; }
.rightCont .formRow .colsRightTxt a{ text-decoration:underline; font:13px Tahoma, Geneva, sans-serif; color:#ed1c24; }
.rightCont .formRow .colsRightTxt a:hover{ text-decoration:none;}


.listBox 
{
    border-style: none;
    border-color: inherit;        
    background-position: left top;
    width:280px; height:30px; text-align:left; padding:5px 7px 5px 4px; font-weight:normal; color:#000; 
    background-color:#fff transparent; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
    font-style: normal;
    font-variant: normal;
    font-size: 9.75pt;
    line-height: normal;
    font-family: Tahoma, Geneva, sans-serif;
    background-image: url('../images/login-txtfeild.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}

.disable{ color:#959595; }
.textBox{ width:76px; height:21px; text-align:left; padding:4px 7px 5px 8px; overflow:hidden; background:url(../images/small-txt-box.png) top left no-repeat; font:13px Tahoma, Geneva, sans-serif; font-weight:normal; /*color:#959595; */border:0px; outline:none;font-family: Tahoma, Geneva, sans-serif;}
.textBox-exsmall{ float:left; width:45px; height:21px; text-align:left; padding: 4px 7px 5px 8px; overflow:hidden; background:url(../images/textbox-exsmall.png) top left no-repeat; font:13px Tahoma, Geneva, sans-serif; font-weight:normal; /*color:#959595; */ border:0px;outline:none;font-family: Tahoma, Geneva, sans-serif;}

.textBox-medium { width:110px; height:21px; text-align:left; padding:4px 7px 5px 8px; overflow:hidden; background:url(../images/textbox-medium.png) top left no-repeat; font:13px Tahoma, Geneva, sans-serif; font-weight:normal; /*color:#959595; */border:0px; outline:none;font-family: Tahoma, Geneva, sans-serif;}
.textBox-small { width:145px; height:21px; text-align:left; padding:4px 7px 5px 8px; overflow:hidden; background:url(../images/textbox-small-1.png) top left no-repeat; font:13px Tahoma, Geneva, sans-serif; font-weight:normal; /*color:#959595; */ outline:none;border:0px;font-family: Tahoma, Geneva, sans-serif;}
.radioLeft {padding:7px 10px 7px 0px; float:left; display:block; font:13px Tahoma, Geneva, sans-serif; color:#000; text-align:left;}
.radioRight {padding:0 0 0 0px; float:left; display:block; font:13px Tahoma, Geneva, sans-serif; color:#000; text-align:left;}
.bottCont {padding:40px 0 0 0px; overflow:hidden;}
.bottCont .back{ padding:7px 0 0 0px; background:url(../images/back-1.png) top left no-repeat; font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; width:64px; height:30px; float:left; overflow:hidden;}
.bottCont .back a{ text-align:center; text-decoration:underline; text-transform:uppercase; color:#fff;}
.bottCont .back a:hover{ text-decoration:none;}
.bottCont .submit{ padding:7px 0 0 0px; background:url(../images/submit.png) top left no-repeat; font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; width:80px; height:30px; float:right; overflow:hidden;}
.bottCont .submit a{ text-align:center; text-decoration:underline; text-transform:uppercase; color:#fff;}
.bottCont .submit a:hover{ text-decoration:none;}

/*top-header start here*/

#header {	background: none;	height: 86px; width:60px;}
/* Top Level Menu */
#header ul {margin: 0px; padding:0px;}
#header ul li {	display: block;	float: left;	margin: 18px 0 0;	width: 100px;}
#header ul li a {	color: #FFF;	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); font-size:12px; text-align:left;}
#header ul li a.icon4{ background:url(../images/lang-img.png) no-repeat; width:75px; height:25px; display:block; float:left; cursor:pointer;}
/* Sub Level Nav */
#header ul li ul {	background: #4f545f;	border: 0px solid #000;		-webkit-border-radius: 5px;		-moz-border-radius: 5px;	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);	margin: 30px 0 0 -45px;	padding: 0 10px 0;	position: relative;	width: 100px;}
#header ul li ul li {	border-bottom: 1px solid #CCC;	display: block;	float: none;	height: 14px;	padding: 8px 0;	text-align: center;	width: 100px;	margin: 0;}
#header ul li ul li a {	color: #fff;	text-shadow: none; text-align:left; display:block;}
#header ul li ul li a:hover {	color: #fff; text-decoration:none;}
/* Arrow */
.arrow {	background: url(../images/arrow.png) no-repeat;	border: 0;	display: none;	position: absolute;		top: -10px;		left: 63px;	height: 11px;	width: 20px;	text-indent: -9999px;}


/****************/
/*Joppie - added*/
/****************/

/*lastLogin-box start here*/
.lastLogin-box{ float:left; text-align:right; width:430px; font-size:8.25pt; color:#d7d7d7; padding:20px 0px 0px 0px; margin:5px 10px 0px 15px;}
/*lastLogin-box ends here*/

/*error-message-section start here*/
.error-message-section{ position:absolute; width:250px; color:#000; font-size:9.75pt; padding:10px 0px 15px 20px; color:#ed1c24;}
/*lastLogin-box ends here*/

/*all link start here*/
a { color: #ED1C24;}
a:hover{ text-decoration:none;}
/*all link ends here*/

/*common function start here*/
.bottomMeUp{ position:absolute; bottom:0px; margin-bottom:10px;}
.greenMeUp{color:#00cc00;}
.redMeUp{color:#ED1C24}
.hideMeUp{visibility:hidden;}
.regenLink { display:inline;} 
/*common function ends here*/
 
 
 
/*home-menu section start here*/ 
.home-customer-section{float:left; margin: 30px 10px 10px 60px; width:300px;}
.home-options-section{float:left; margin: 30px 10px 10px 100px; width:auto;}

.home-transaction-section{float:left; margin: 30px 10px 10px 60px; width:300px;}
.home-ATM-section{float:left; margin: 30px 10px 10px 100px; width:auto;}

.home-biller-section{float:left; margin: 30px 10px 10px 60px; width:300px;}
.home-audit-section{float:left; margin: 30px 10px 10px 100px; width:auto;}

.home-customer-title{ float:left; font-size:8.0pt; width:100px; text-align:center;}  
.home-left-section {display:block; float:left;}
.home-left-section img{ margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom:-15px; width:30px;display:block;}
.home-right-section{ display:block; float:left; font-size:9.75pt;}
.home-right-section a { color: blue; display:block;}
.home-right-section a:hover{ text-decoration:none;}
/*home-menu section ends here*/



/*audit-section start here*/
.audit-section { height:auto; margin: 20px; 0px; 20px; 10px; font-size:9.75pt; overflow:auto;}
.audit-section h1{ float:left; font-size:13.5pt; color:#666; margin:0px; padding:0px 0px 15px 0px; font-weight:normal;}
/*audit-section ends here*/
 
 
 
/*changePassword-links-tree start here*/
.changePassword-links-tree {font-size:9.75pt;}
/*changePassword-links-tree ends here*/
 
/*changePassword-box start here*/ 
.changePassword-section { height:300px; margin: 20px 0px 80px 10px;}
.changePassword-section .error-message-section{ position:absolute; width:250px; color:#000; font-size:9.75pt; padding:10px 0px 15px 20px; color:#ed1c24;}
/*changePassword-section ends here*/ 

/*changePassword-box start here*/ 
.changePassword-box { clear: none; float: left;	padding: 10px;	width: 450px;	border:1px solid #dde3ea; 	box-shadow: 0.1em 0.1em 0.8em #888;	-moz-border-radius: 10px; margin: 20px 0px 20px 10px; font-size:9.75pt;}
.changePassword-box h1{ float:left; font-size:13.5pt; color:#666; margin:0px; padding:0px 0px 15px 0px; font-weight:normal;}
.changePassword-box .row{ display:block;float:left; margin-bottom:5px; margin-right:10px; height:30px;}
.changePassword-box .inputfield{ display:inline;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; height:20px; width:200px;} 
.changePassword-box .left-section{ width:200px;float:left; text-align:right; padding-right:10px;}
.changePassword-box .right-section{float:left;}
/*changePassword-box end here*/

/*password-note-section start here*/
.password-note-section{ float:left; clear: none;	padding-left: 10px;	width: 280px;	border:1px solid #888; 	box-shadow: 0px 1px 3px #888;	-moz-border-radius: 10px; margin: 0px; font-size:9.75pt; background-color:#dddddd; height: auto;}
.password-note-section h1{float:left; font-size:13.5pt; color:#666; margin:0px; padding:0px; font-weight:normal;}
.password-note-section ul { padding:0px;}
.password-note-section ul li {    color: #666;    list-style-type: none; padding:0px; }
/*password-note-section end here*/

/*custom buttons start here*/
.btnSubmit{ float:left; padding:7px 0 0 0px; background:url(../images/submit.png) top left no-repeat; font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; width:80px; height:30px; overflow:hidden; margin:5px 20px 0px 300px;}
.btnClear{ float:left; padding:7px 0 0 0px; background:url(../images/back-1.png) top left no-repeat; font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; width:64px; height:30px; overflow:hidden; margin:5px 0px 0px 0px;}
.btnSubmit a{ text-align:center;/* text-decoration:underline;*/ text-transform:uppercase; color:#fff;}
.btnSubmit a:hover{ text-decoration:none;}
.btnClear a{ text-align:center; /*text-decoration:underline;*/ text-transform:uppercase; color:#fff;}
.btnClear a:hover{ text-decoration:none;}

/*custom buttons end here*/

/*systemSettings-section start here*/ 
.systemSettings-section { height:300px; margin: 20px 0px 20px 10px;}
.systemSettings-section .error-message-section{ position:absolute; width:250px; color:#000; font-size:9.75pt; padding:10px 0px 15px 20px; color:#ed1c24;}
/*systemSettings-section ends here*/ 

/*systemSettings-box start here*/ 
.systemSettings-box { clear: none; float: left;	padding: 10px;	width: 450px;	border:1px solid #dde3ea; 	box-shadow: 0.1em 0.1em 0.8em #888;	-moz-border-radius: 10px; margin: 20px 0px 20px 10px; font-size:9.75pt;}
.systemSettings-box h1{ float:left; font-size:13.5pt; color:#666; margin:0px; padding:0px 0px 15px 0px; font-weight:normal;}
.systemSettings-box .row{ display:block;float:left; margin-bottom:5px; margin-right:10px; height:30px;}
.systemSettings-box .left-section{ width:240px;float:left; text-align:right; padding-right:10px;}
.systemSettings-box .right-section{float:left;}
.systemSettings-box .inputfield{ display:inline;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; height:20px; width:40px; text-align:right;}
/*systemSettings-box ends here*/ 
 

/******UPDATED - REMOVE THIS COMMENT*/
/*newCustomer-section start here*/ 
.newCustomer-section { height:auto; margin: 20px 0px 20px 10px; }
.newCustomer-section .btnSubmit{margin:5px 20px 0px 600px;}
.newCustomer-section .error-message-section{ position:absolute; width:250px; color:#000; font-size:9.75pt; padding:10px 0px 15px 20px; color:#ed1c24;}
/*newCustomer-section ends here*/ 

/*newCustomer-box start here*/ 
.newCustomer-box { clear: none; float: left;	padding: 10px;	width: 750px;	border:1px solid #dde3ea; 	box-shadow: 0.1em 0.1em 0.8em #888;	-moz-border-radius: 10px; margin: 20px 0px 20px 10px; font-size:9.75pt;}
.newCustomer-box h1{ float:left; font-size:13.5pt; color:#666; margin:0px; padding:0px 0px 15px 0px; font-weight:normal;}
.newCustomer-box .row{ display:block;float:left; margin-bottom:5px; margin-right:10px; height:30px;}
.newCustomer-box .rowArea{ display:block;float:left; margin-bottom:5px; margin-right:10px; height:auto;}
.newCustomer-box .inputfield{ display:inline;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; height:20px; width:200px;} 
.newCustomer-box .inputarea{ display:inline;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; height:60px; width:200px; resize:none; border:1px solid #888; 	box-shadow: 0px 1px 2px #888;} 
.newCustomer-box .isDisabled{ background:#dddddd;} 
.newCustomer-box .left-section{ width:200px;float:left; text-align:right; padding-right:10px;}
.newCustomer-box .right-section{float:left;}
/*newCustomer-box end here*/



/*accountAssignment-section start here*/
.accountAssignment-section { height:auto; margin: 20px 0px 20px 10px;}
/*accountAssignment-section end here*/

/*accountAssignment-box end here*/
.accountAssignment-box { clear: none; float: left;	padding: 10px;	width: 550px;	border:1px solid #dde3ea; 	box-shadow: 0.1em 0.1em 0.8em #888;	-moz-border-radius: 10px; margin: 20px 0px 20px 10px; font-size:9.75pt;}
.accountAssignment-box h1{ float:left; font-size:13.5pt; color:#666; margin:0px; padding:0px 0px 15px 0px; font-weight:normal;}
.accountAssignment-box .row{ display:block;float:left; margin-bottom:5px; margin-right:10px; height:15px;}  
.accountAssignment-box .rowArea{ display:block;float:left; margin-bottom:5px; margin-right:10px; height:35px;}  
.accountAssignment-box .left-section{ width:160px;float:left; text-align:right; padding-right:10px; font-weight:bold;}
.accountAssignment-box .right-section{float:right; width:360px;} 
/*accountAssignment-box end here*/



/*account-add-section start here*/
.account-add-section{ float:left; clear: none;	padding: 0px;	width: 240px; margin: 20px 0px 20px 10px; font-size:9.75pt; background-color:#fff; height: 280px; position:relative;}
/*account-add-section end here*/

/*account-navigation-section start here*/
.account-navigation-section { height:auto; margin: 20px 0px 20px 10px;}
.account-navigation-section .navigation {position:relative;}
/*account-navigation-section ends here*/

/*account-navigation-box start here*/
.account-navigation-box { clear: none; float: left;	width: 850px;	border:1px solid #dde3ea; 	box-shadow: 0.1em 0.1em 0.8em #888;	margin: -15px 0px 20px 0px; font-size:9.75pt; padding: 20px 20px 20px 20px;} 
/*Account-tab-navigation-box end here*/



/*floating form section start here*/
.floating-form-section{ position: fixed; top:80px; left:50%; width:480px; height:400px; background-color:#666; opacity:0.98; margin-left:-300px; color:#fff; 	border:1px solid #dde3ea; 	box-shadow: 0.1em 0.1em 0.8em #888;; 
-webkit-border-radius: 5px; -moz-border-radius: 5px;}
.floating-form-section .header-section{background-color:#333;width:100%; height:20px;display:block; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
.floating-form-section h1{font-weight:bold; font-size:9.75pt; padding:2px; margin:0px; float:left;}
.floating-form-section .close{float:right;margin-right:10px;}
.floating-form-section .close a{color:#fff;text-decoration:none;}
.floating-form-section .close a:hover{color:#ED1C24;text-decoration:none;}
.floating-form-section .body-section{color:#fff; font-size:9.75pt; padding: 20px 20px 10px 20px;} 
/*floating form section end here*/

/*floating form body-section start here*/
.body-section .input-section{margin: 0px 0px 60px 0px;}
.body-section .label{float:left; padding-top:5px; margin:0px 10px 0px 20px; font-weight:bold;}
.body-section .inputfield{ display:inline; float:left;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; height:20px; width:200px;} 
.body-section .button-section{margin:60px 0px 0px 40px;}
.body-section .btnSubmit{margin:0px 20px 0px 80px;}
.body-section .btnClear{display:inline; float:left; margin:0px 0px 0px 20px;}
.body-section .row{ display:block;float:left; margin-bottom:5px; margin-right:10px; height:15px;}  
.body-section .left-section{ width:180px;float:left; text-align:right; padding-right:10px; font-weight:normal;}
.body-section .right-section{float:right; width:240px; color:#1C24FD} 
/*floating form body-section ends here*/



/*searchBiller-section start here*/ 
.searchBiller-section { height:auto; margin: 20px 0px 0px 10px;}
.searchBiller-section .error-message-section{ position:absolute; width:250px; color:#000; font-size:9.75pt; padding:10px 0px 15px 20px; color:#ed1c24;}
/*searchBiller-section ends here*/ 

/*searchBiller-box start here*/ 
.searchBiller-box { clear: none; float: left;	padding: 10px;	width: 450px;	border:1px solid #dde3ea;box-shadow: 0.1em 0.1em 0.8em #888;	-moz-border-radius: 10px; margin: 20px 0px 20px 10px; font-size:9.75pt;}
.searchBiller-box h1{ float:left; font-size:13.5pt; color:#666; margin:0px; padding:0px 0px 15px 0px; font-weight:normal;}
.searchBiller-box .row{ display:block;float:left; margin-bottom:5px; margin-right:10px; height:30px;}
.searchBiller-box .inputfield{ display:inline;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; height:20px; width:200px;} 
.searchBiller-box .left-section{ width:200px;float:left; text-align:right; padding-right:10px;}
.searchBiller-box .right-section{float:left;}
/*searchBiller-box end here*/

/*search-result-section start here*/ 
.search-result-section {margin:30px 20px 20px 20px; height:auto; font-size:9.75pt;}
.search-result-section h1{ float:left; font-size:13.5pt; color:#666; margin:0px; padding:0px 0px 15px 0px; font-weight:normal;}
/*search-result-section ends here*/ 

/*return-to-home-box start here*/
.return-to-home-box{/*position: relative; left:320px;*/margin-left:320px;font-size:9.75pt; margin-top:5px;}
/*return-to-home-box ends her*/

/*all loading start here*/
.loginLoading {padding:7px 0 0 0px; text-align:center; float:left; overflow:hidden; margin:20px 0px 0px 50px;}

.changePassword-section .loading-section{ position:absolute; width:250px; text-align:right; color:#000; font-size:9.75pt; padding:10px 0px 15px 20px; color:#ed1c24;}

.systemSettings-section .loading-section{ position:absolute; width:250px; text-align:right; color:#000; font-size:9.75pt; padding:10px 0px 15px 20px; color:#ed1c24;}

.newCustomer-section .loading-section{ position:absolute; width:500px; text-align:right; color:#000; font-size:9.75pt; padding:10px 0px 15px 20px; color:#ed1c24;}

.floating-form-section .loading-section{ position:absolute; width:200px; text-align:right; color:#000; font-size:9.75pt; padding:10px 0px 15px 20px; color:#ed1c24;}

.searchBiller-section .loading-section{ position:absolute; width:200px; text-align:right; color:#000; font-size:9.75pt; padding:10px 0px 15px 20px; color:#ed1c24;}
/*all loading end here*/

/*for ATM end here*/
.changePassword-box .rowArea{ display:block;float:left; margin-bottom:5px; margin-right:10px; height:auto;}
.changePassword-box .inputarea{ display:inline;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; height:60px; width:200px; resize:none; border:1px solid #888; 	box-shadow: 0px 1px 2px #888;} 
/*for ATM end here*/

.loginLoading {padding:7px 0 0 0px; text-align:center; float:left; overflow:hidden; margin:20px 0px 0px 50px;}
.loadingIcon {padding:10px 0px 0px 0px; float:left; margin-left:-210px;} 
.loadingIcon2 {padding:10px 0px 0px 5px; float:left; margin-left:0px} 

/*pagination-section start here*/
.pagination-section { height:30px; margin: -15px 0px 0px 10px; font-size:9.75pt; text-align:right; padding: 5px;}
.pagination-section .navImage-margin {margin-top:2px;}
/*pagination-section ends here*/

/*convert-note-section start here*/
.convert-note-section{float:left; clear: none; padding: 10px 10px 5px 10px; width: 380px; margin: 20px 0px 20px 10px; font-size:9.75pt; background-color:#fff; height: 450px; position: relative;}
.convert-note-section h1{float:left; font-size:13.5pt; color:#666; margin:0px; padding: 5px; font-weight:normal;}
.convert-note-section ul {padding:5px;}
.convert-note-section ul li {color: #666; list-style-type: none; padding:2px; }
.convert-note-section .bottomMeUps{ position:absolute; bottom:0px; margin-bottom:20px; width: 380px;	border:2px solid #888; 	box-shadow: 0px 1px 3px #888;	-moz-border-radius: 10px; font-size:9.75pt; background-color:#dddddd; }
/*convert-note-section end here*/


/**************Paing Added BEGIN*******************/
/* rightpanel h2 */
.rightpanel h2{ float:left; font-size:14pt; color:#666; margin:0px; padding:0px; font-weight:bold;}

/* account page */
.account table {width:500px; } 
.account td{width:150px;padding: 5px 0px  5px 5px; border-bottom:1px solid #dde3ea;}
.account td.small{width:80px;padding: 5px 0px  5px 5px; border-bottom:1px solid #dde3ea;} 
.account td.large{width:210px;padding: 5px 0px  5px 5px; border-bottom:1px solid #dde3ea;}
.account td.exlarge{width:250px;padding: 5px 0px  5px 5px; border-bottom:1px solid #dde3ea;}

.account-1 table {width:500px; }
.account-1 td{width:150px;padding: 5px 0px  5px 5px; }
.account-1 td.small{width:80px;padding: 5px 0px  5px 5px; }
.account-1 td.large{width:200px;padding: 5px 0px  5px 5px; }

.accleftpanel { float:left; width:235px; margin:0px 10px 0px 0px; padding: 0px 0px 55px 0px;}

/*Account header bar account col */
.accountno-section{ width:290px; float:left; font-size:9.75pt; color:#fff;}
.date-section{ width:80px; float:left; font-size:9.75pt; color:#fff;}
.accountno-middle{ background:url(../images/account-middle.png) repeat-x; width:592px; height:24px; float:left; padding:6px 0px 0px 0px;}

.gridvew-bottomline {border-bottom:1px solid #dde3ea; vertical-align:top;}





/**************Paing Added END*******************/

/*sub heading in page */
h3 {font-size:13.5pt; color:#666; margin:0px; padding: 5px 5px 5px 0px; font-weight:bold;}
h4 {font-size:10.5pt; color:#666; margin:0px; padding:0px; font-weight:bold;}
h5 {font-size:9.5pt; color:#666; margin:0px; padding:0px; font-weight:bold;}
h6 { float:left; font-size:13.5pt; color:#666; margin:0px; padding:10px 0px 0px 5px; font-weight:normal;width: 116px;}
h7 { float:left; font-size:12.5pt; color:#666; margin:0px; padding:5px 0px 0px 5px; font-weight:normal;}
.h8 { float:left; font-size:12.25pt; color:#666; margin:0px; padding:0 px; font-weight:bold;}

/*.account-box { padding-left:15px;padding-right:15px;height:auto;min-height:320px; width:700px;vertical-align:top;border:1px solid #dde3ea; box-shadow: 0.1em 0.1em 0.8em #888; -moz-border-radius: 10px; font-size:9.75pt;}*/
.home-box-noborder {clear:left; padding-left:15px;padding-right:15px;height:auto;min-height:500px; vertical-align:top;font-size:9.75pt;}
.home-leftpanel {margin:0px; padding:0px;vertical-align:top; width:200px;}
.content-page {padding-bottom:15px;float:left;min-height:580px;}
.content-page-mini {padding-bottom:15px;float:left;min-height:250px;}
.app-forms { background:url(../images/account-middle.png) repeat-x; width:510px;height:24px; float:left; padding:6px 0px 0px 0px;
}

/*link-section start here*/
.link-section-1{ width:205px;}
.link-section-1 ul{ margin:0px; padding:0px; list-style:none;}
.link-section-1 ul li{ float:left; width:205px; margin:0px 0px 8px 0px;}
.link-section-1 ul li a{ float:left; width:205px; font-size:8.25pt; color:#fff; text-transform:uppercase; background:url(../images/normal.png) no-repeat;  height:30px; line-height:30px; padding:0px 0px 0px 10px;}
.link-section-1 ul li a:hover{ text-decoration:none;}
.link-section-1 ul li a.on{ float:left; width:205px; font-size:8.25pt; color:#fff; text-transform:uppercase; background:url(../images/active.png) no-repeat; height:30px; line-height:30px; padding:0px 0px 0px 10px;}
/*link-section start here*/

/* shadaw box */
.normal-box {padding-top:15px;padding-left:30px;padding-right:15px;height:auto;min-height:250px; width:720px;vertical-align:top;border:1px solid #dde3ea; box-shadow: 0.1em 0.1em 0.8em #888; -moz-border-radius: 10px; -webkit-border-radius:10px;font-size:9.75pt;}
.changepwd-box {padding-top:15px;padding-left:15px;padding-right:10px;height:auto;min-height:250px; width:720px;vertical-align:top;border:1px solid #dde3ea; box-shadow: 0.1em 0.1em 0.8em #888; -moz-border-radius: 10px; -webkit-border-radius:10px;font-size:9.75pt;}
.services-box {padding-top:15px;padding-left:30px;padding-right:15px;height:auto;min-height:250px; width:675px;vertical-align:top;border:1px solid #dde3ea; box-shadow: 0.1em 0.1em 0.8em #888; -moz-border-radius: 10px; -webkit-border-radius:10px;font-size:9.75pt;}
.report-box {padding-bottom:20px;margin-bottom:20px; margin-top:20px; height:auto;min-height:200px; width:710px;vertical-align:top;border:1px solid #dde3ea; /*box-shadow: 0.1em 0.1em 0.8em #888; -moz-border-radius: 10px; -webkit-border-radius:10px;*/font-size:9.75pt;}
.contact-box {margin-top:30px; margin-left:190px; padding-top:15px;padding-left:50px;padding-right:15px;height:auto;min-height:250px; width:680px;vertical-align:top;border:1px solid #dde3ea; box-shadow: 0.1em 0.1em 0.8em #888; -moz-border-radius: 10px; -webkit-border-radius:10px;font-size:9.75pt;}

/*left panel menu style */
.td-left {margin:0px;vertical-align:top;padding-top:15px;}

.textBox-large { width:228px; height:21px; text-align:left; padding: 4px 7px 5px 7px; overflow:hidden; background:url(../images/login-txtfeild.png) top left no-repeat; font:13px Tahoma, Geneva, sans-serif; font-weight:normal; /*color:#959595;*/ border:0px; outline:none;font-family: Tahoma, Geneva, sans-serif;}
.label-grey {color:#666;}
.leftlabel {font-weight:bold;text-align:right;}

/* back button with Dark Grey color backgaround */
.back-1 { padding: 7px 0 0 0px; background:url('../images/back-1.png') no-repeat left top;  width:64px; height:30px;
font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; float:left; overflow:hidden; margin: 20px 0px 0px 0px;
}
.back-1 a{ text-align:center; /*text-decoration:underline;*/ text-transform:uppercase; color:#fff;}
.back-1 a:hover{ text-decoration:none;}

/*larger size button */
.submit-large { padding: 7px 0 0 0px; background:url(../images/submit_large.png) top left no-repeat; font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; width:220px; height:30px; float:right; overflow:hidden; margin:20px 0px 0px 0px;}
.submit-large a{ text-align:center; /*text-decoration:underline;*/ text-transform:uppercase; color:#fff;}
.submit-large a:hover{ text-decoration:none;}

/*medium size submit button */
.submit-medium{ padding: 7px 0 0 0px; background:url(../images/submit_medium.png) top left no-repeat; font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; width:120px; height:30px; float:right; overflow:hidden; margin:20px 0px 0px 0px;}
.submit-medium a{ text-align:center; /*text-decoration:underline;*/ text-transform:uppercase; color:#fff;}
.submit-medium a:hover{ text-decoration:none;}

.submit-medium-1{ padding: 7px 0 0 0px; background:url(../images/submit_medium.png) top left no-repeat; font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; width:120px; height:30px; float:left; overflow:hidden; margin:20px 0px 0px 0px;}
.submit-medium-1 a{ text-align:center; /*text-decoration:underline;*/ text-transform:uppercase; color:#fff;}
.submit-medium-1 a:hover{ text-decoration:none;}

.submit-medium-black{ padding: 7px 0 0 0px; background:url(../images/submit_medium.png) top left no-repeat; font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; width:120px; height:30px; float:left; overflow:hidden; margin:20px 0px 0px 0px;}
.submit-medium-black a{ text-align:center;/* text-decoration:underline; */text-transform:uppercase; color:#fff;}
.submit-medium-black a:hover{ text-decoration:none;}

.submit-large-black { padding: 7px 0 0 0px; background:url(../images/submit_large_black.png) top left no-repeat; font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; width:220px; height:30px; float:left; overflow:hidden; margin:20px 0px 0px 0px;}
.submit-large-black a{ text-align:center; /*text-decoration:underline;*/ text-transform:uppercase; color:#fff;}
.submit-large-black a:hover{ text-decoration:none;}

.back-1-sidebutton { padding: 7px 0 0 0px; background:url('../images/back-1.png') no-repeat left top; 
font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; float:left; overflow:hidden; margin: 0px 0px 0px 0px;}

.errmsg {color:#d9422a; font: normal 9.75pt Tahoma, Geneva, sans-serif; }
.successmsg {color:#000; font: normal 9.75pt Tahoma, Geneva, sans-serif; }

.combo{/*-webkit-box-shadow:0 0 6px #dde3ea;-moz-box-shadow:0 0 6px #dde3ea;box-shadow:0 0 6px #dde3ea;*/
        border:2px solid #dde3ea;
        background-position: left top;
        height:30px; text-align:left; padding: 3px 6px 4px 4px; font-weight:normal; color:#000; background-color:#fff transparent; 
        border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
        font-style: normal;
        font-variant: normal;
        font-size: 9.75pt;   
        font-family: Tahoma, Geneva, sans-serif;
    }
    
select:focus{outline:0px dotted #dde3ea;
             border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#fff transparent; 
             font-family: Tahoma, Geneva, sans-serif;background-position: left top;font-weight:normal; color:#000;background-repeat: no-repeat !important;
              font-style: normal;
        font-variant: normal;
        font-size: 9.75pt; }
        

/*******Home Credit Card Summary******************/
.ccaccount table {width:500px; border-left:1px solid #dde3ea; border-right:1px solid #dde3ea;}
.ccaccount td{width:150px;padding: 5px 0px  5px 5px; border-bottom:1px solid #dde3ea;}
.ccaccountno-middle{ background:url(../images/account-middle.png) repeat-x; height:24px; float:left; padding:6px 0px 0px 0px;}

.ccaccountno-middle a {color:#ffffff;text-decoration:underline;}
.ccaccountno-middle a:hover {text-decoration:none;}

/*******OTP Popup*******************/
.popup-box {padding-top:15px;padding-left:30px;padding-right:15px;height:auto;min-height:150px; width:370px;vertical-align:top;border:1px solid #dde3ea; box-shadow: 0.1em 0.1em 0.8em #888; -moz-border-radius: 10px; font-size:9.75pt;background-color:#FFFFFF;}
.submit-2{ padding: 7px 0 0 0px; background:url(../images/submit.png) top left no-repeat; font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; width:80px; height:30px; float:right; overflow:hidden; margin:0px 0px 0px 0px;}
.submit-2 a{ text-align:center; text-decoration:underline; text-transform:uppercase; color:#fff;}
.submit-2 a:hover{ text-decoration:none;}
.back-2 { padding: 7px 0 0 0px; background:url('../images/back-1.png') no-repeat left top;  width:64px; height:30px;font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; float:left; overflow:hidden; margin: 0px 0px 0px 0px;}
.back-2 a{ text-align:center; /*text-decoration:underline;*/ text-transform:uppercase; color:#fff;}
.back-2 a:hover{ text-decoration:none;}
.popupbackground
 { 
    background-color:#f0f0f0; 
    filter:alpha(opacity=40); /*IE 8 and earlier*/
    opacity:0.4; 
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;  
     /*cursor:wait; */
 }
 
 
 .gridheader{background-color:#545965;color:#FFFFFF;font-weight:bold;font-size:9.25;} 
 .gridline table {width:500px; }
.gridline td{padding:  2px 0px  2px 5px; border-bottom:1px solid #dde3ea;}
.input-bg{ float:left; width:240px; background:url(../images/login-txtfeild.png) no-repeat; height:30px;}
.input-bg-large{ float:left; width:240px; background:url(../images/login-txtfeild-large-1.png) no-repeat; height:50px;padding-top:2px; }
.input-bg-multiline{ float:left; width:240px; background:url(../images/login-txtfeild-multiline-1.png) no-repeat; height:90px; padding-top:2px; }
.input-bg-right{ float:right; width:240px; background:url(../images/login-txtfeild.png) no-repeat; height:30px; }
.mandatory {color:Red;}

/***Header Bar**/
.header-column{ float:left; font-size:9.75pt; color:#fff;}
.header-middle{ background:url(../images/account-middle.png) repeat-x; height:24px; float:left; padding:6px 0px 0px 0px;}
 /****Print css ****/

.label {font-size:9.75pt;font-family: Tahoma, Geneva, sans-serif;}

/*session expired box*/
.submit-center{ padding: 7px 0 0 0px; background:url(../images/submit.png) top left no-repeat; font:bold 11px Tahoma, Geneva, sans-serif; text-align:center; width:80px; float:inherit ; height:30px; overflow:hidden; margin:0px 0px 0px 0px;}
.submit-center a{ text-align:center; text-decoration:underline; text-transform:uppercase; color:#fff;}
.submit-center a:hover{ text-decoration:none;}

.note-section{ float:left; clear: none;	padding-left: 10px;border:1px solid #888; -webkit-box-shadow:0px 1px 3px #888;	box-shadow: 0px 1px 3px #888;	-moz-border-radius: 10px; margin: 0px; font-size:9.75pt; background-color:#dddddd; height: auto;}
.tt-td { padding-top:7px; }

.bluetext {color: #00005a;}
.moredetails-header{ color:#ed1c24;font-size:10.75pt;font-weight:bold;}
.moredetails {background-color:#aeaeae;color: #00005a;}

/*Alert Settings*/
.td-alertbtn{ width:150px;text-align:right;height:50px;}
.btnBack
{
    float: left;
    background: url(../images/back_medium.png) top left no-repeat;
    font: bold 11px Tahoma, Geneva, sans-serif;
    text-align: center;
    vertical-align: middle;
    width: 120px;
    height: 30px;
    overflow: hidden;
    padding:7px 0 0 0px;
}
.btnBack a{ text-align:center; /*text-decoration:underline;*/ text-transform:uppercase; color:#fff;}
.btnBack a:hover{ text-decoration:none;}
.btnSave
{
    float: left;
    background: url(../images/submit_medium.png) top left no-repeat;
    font: bold 11px Tahoma, Geneva, sans-serif;
    text-align: center;
    vertical-align: middle;
    width: 120px;
    height: 30px;
    overflow: hidden;
    padding:7px 0 0 0px;
}
.btnSave a{ text-align:center; /*text-decoration:underline;*/ text-transform:uppercase; color:#fff;}
.btnSave a:hover{ text-decoration:none;}
.td-alert-left{width:200px;padding-top:5px;height:30px;text-align:left;float:left;vertical-align:middle;}
.td-alert-right{width:100px;height:30px;text-align:right;vertical-align:top;}
.btntoggleOff{float:right; background:url(../images/toggle_off.png) ;background-repeat:no-repeat;  text-align:center; width:85px; height:25px; overflow:hidden; }
.btntoggleOn{float:right; background:url(../images/toggle_on.png) ;background-repeat:no-repeat;  text-align:center; width:85px; height:25px; overflow:hidden; }
.divShow{visibility:visible;}
.divCollapse{visibility:collapse;}
.divAlertCollapse{height:0px;visibility:collapse;}
.prompt-box  {padding-top:15px;padding-left:30px;padding-right:15px;height:auto;min-height:200px; width:400px;vertical-align:top;border:1px solid #dde3ea; box-shadow: 0.1em 0.1em 0.8em #888; -moz-border-radius: 10px; -webkit-border-radius:10px;font-size:9.75pt;}

/*Billing Acct Consumer*/
.trConsumerHidden {height:0px; visibility:collapse;}
.trConsumer{visibility:visible;}
.autowidth {width:auto;}