/* CSS Document */
body {margin:0px; padding:0px; font:0.7em Arial, Helvetica, sans-serif; color:#333333;}
* {margin:0px; padding:0px;}

:first-child + html table {border-collapse: collapse;}
p {color: #333333; font-size: 11px; margin: 4px 0 10px; line-height:17px;}
img {outline:none; border:0px;}
em {color:#3399ff; font-style:normal;}
input[type=radio] {vertical-align:middle; margin-top:0px; *margin-top:-2px;}
label {cursor:pointer;}
.br {clear:both; margin:0px; padding:0px;}
.clear {clear:both; margin:0px; padding:0px;}
.padl5 {padding-left:5px;}
.floatl {float:left;}
.floatr {float:right;}
.txtl {text-align:left;}
.txtc {text-align:center;}
.txtr {text-align:right;}
.fcblue {color:#004a8f !important;}
#processsteps {width:777px;}
.w400 {width:400px;}
.w370 {width:370px;}
#processsteps p{margin:0px;}
.paybill-step1 {background:url(../images/step1.gif) no-repeat center center; width:273px; height:28px;}
.paybill-step2 {background:url(../images/step2.gif) no-repeat center; width:273px; height:28px; border:0px;}
.paybill-step3 {background:url(../images/step3.gif) no-repeat center; width:273px; height:28px; border:0px;}

a:link {color: #3867C3; text-decoration: underline;}
a:hover {color: black; text-decoration: none; }
a:active {color: #3867C3; text-decoration: underline; }
a:visited {color: #3867C3; text-decoration: underline; }
h1 {font-size: 1.5em; font-weight:400; margin: 1px 0 5px; }
.fcred {/*color:#FF0000;*/  color:#023369;}
.fcgreen {/*color:#009900;*/ color:#023369;}

#toppart {border-bottom:1px solid #ea010f;}
.cursor {cursor:pointer;}
#toppart h1 {font:17px Arial, Helvetica, sans-serif; color:#004a8f; font-weight:700; margin:0px; padding:0px 6px 3px 0px; text-shadow:1px 0px #67a0dd;}

#leftnav {width:164px; vertical-align:top; border-right:1px solid #E3E3E3;}
ul.menu {margin:0px; padding:0px; width:170px; font-size:11px;}
.menu  li {list-style:none; border-bottom:1px solid #CED2DF; }
.menu  li:hover { background:#E7EDF3; }
.menu a, .selected a {color: #004A8F; display: block; font-size: 12px; padding: 8px 12px 8px 6px; text-decoration:none;}
.menu a:hover {background-image: none; text-decoration: none; }
.menu a:hover {border: medium none; }
.menu li.maintab { font-weight:700; padding: 0px 12px 0px 6px; line-height:31px; font-size: 12px; color:#333333;}
.menu li.heading { font-weight:700; color:#000000; font-size:12px;  padding: 8px 12px 8px 6px;}
.menu li.heading a {padding:0px; color:#023369;}

#rightpart {padding-left:15px; vertical-align:top; padding-top:15px;}
.topcontent {width:95%;}
.topcontent li {margin-left:25px; padding:5px 0px; list-style:outside;}


.datatable {border-left: 1px solid #BEBEBE; border-top: 1px solid #BEBEBE; color: #000000; font: 11px/15px arial; width: 100%;}
.datatable th {color: #505050; font-weight: bold; padding: 4px 3px; vertical-align: top;}
.datatable td {}
.datatable th, .datatable td {border-bottom: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; padding: 4px 5px; text-align: left; vertical-align: top;}
.datatable td.tdRight {text-align: right;}
.datatable th.tdCenter {text-align: center;}
.datatable td.tdCenter {text-align: center;}
.lightrow {background: none repeat scroll 0 0 #FBFBFB;}
.datatable td.txtamtbg {background-color:#f1f1f1;}
.datatable input[type=text], .datatable input[type=password] , .datatable select { border:1px solid #ccc; font:12px Arial, Helvetica, sans-serif; }
.datatable select .heading { color: #3266CC;  font-weight: bold; }
.textgreyinput { font-size:12px;}

.datatable1 {border: 1px solid #BEBEBE; color: #000000; font: 11px/15px arial; width: 100%;}
.datatable1 th, .datatable1 td {padding: 4px 5px; text-align: left; vertical-align: middle;}
.datatable1 th {border-bottom:1px solid #BEBEBE;  color: #505050; font-weight: bold; padding: 5px 3px; vertical-align: top;}
.datatable1 input[type=text], .datatable1 input[type=password] {border:1px solid #ccc; font-size:12px;}
.datatable1 select {border:1px solid #ccc; font-size:12px;}
.datatable1 select .heading { color: #3266CC;  font-weight: bold; }
.col1 {color: #505050; font-weight: normal; padding: 4px 3px; vertical-align: top; width:35%; border-bottom:1px dotted #d5e8fa;}
.col2 {padding: 4px 3px; vertical-align: top; border-bottom:1px dotted #EAF4FD;}

.button {border: 0px; padding:4px 6px; *padding:4px 2px; margin:2px;  font:11px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration:none; letter-spacing:normal; font-weight:bold; cursor:pointer; }
.button:hover {color: #f1f1f1; }


#notes {border:1px dotted #bebebe; padding:5px; margin-top:20px; margin-bottom:10px;} 
#notes li {margin-left:25px; padding:2px 0px; list-style:outside; list-style-position:outside; list-style-type:disc;}


#footer {border-top:1px solid #ccc; text-align:center; line-height:30px;}
#footer a {color:#333399; text-decoration:underline; cursor:pointer;}
#footer a:visited {color:#333399; text-decoration:underline; cursor:pointer;}
#footer a:hover {color:#333399; text-decoration:none; cursor:pointer;}


#terms ul, li {list-style: none; list-style-type:none;}
#terms li {padding:6px;}
#terms li ul li {list-style:outside; list-style-type:disc; margin-left:25px;}


#welcome-contain {width:735px; display:block; padding:10px;  border:1px solid #eeeeee; background-color:#fafafa;}
#welcome-contain .col td { padding:7px;}
#welcome-contain .col-bg {background:url(../images/box-bg.jpg) repeat-x  center; border:1px solid #eee; color:#005593; border-radius:8px; font:11px Arial, Helvetica, sans-serif; line-height:18px;}
#welcome-contain .col-bg-right {background-color:#217cbe; border:0px solid #217cbe; color:#fff; border-radius:15px; font-size:1.6em; font-weight:400; text-align:center;}


.rechargetbl {border-radius:5px; border:1px solid #b8cad3;}
.rechargetbl td {padding:7px;}
.rechargetbl td.leftheading {background-color:#eef2f4; vertical-align:top; border-radius:5px 0 0 5px; }
.rechargetbl td.leftheading h4 {font-size:16px; font-weight:bold;}
.rechargetbl td.rightsection { background:url(../images/rechargeleftarrow.jpg) no-repeat 0px -10px; vertical-align:top; padding-left:20px;}
.rechargetbl td.rightsectionbtm {border-left:1px solid #b8cad3; border-top:1px solid #d0e0e5; background-color:#f8fbfc; border-radius:0px 0 5px 0px;}
.rechargetbl .cq { margin-top:5px; float:left; line-height:15px; font-weight:bold;}
.rechargetbl input[type=checkbox] { vertical-align:middle; margin-top:0px; *margin-top:-1px; }
.rechargetbl select {border:1px solid #ccc; font-size:11px;}
.rechargetbl input[type=text] { border:1px solid #ccc; font-size:12px; padding:1px;}

.remove { display:block; float:left; margin:1px; width:12px; height:12px; line-height:11px; font-weight:bold; padding:0px; border-radius:1px; text-align:center; background-color:#b8dfff; border:0px; cursor:pointer;}
a.remove {text-decoration:none; color:#FFFFFF;}
.remove:hover {background-color:#e06f37;}

a.remove2 { color:#6e7377; cursor:pointer; display:block; }
.remove2 span { display:inline-block; margin:1px 1px 0px 0px;  *margin:0px 1px 0px 0px; width:13px; height:13px; line-height:11px; font-weight:bold; padding:0px; border-radius:1px; text-align:center; background-color:#91999c; border:0px; cursor:pointer; font-weight:bold; color:#FFFFFF;}
a.remove2  span {text-decoration:none;}
a.remove2:hover > span { background-color:#e06f37;}


/* Tool Tip */
.hotspot {color:#900; padding-bottom:1px; cursor:pointer}
#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden}


/* Calendar */
.calendartbl {font-family:arial;font-size:11px;border-width:1;border-style:solid;border-color:#114e78;font-family:arial; font-size:11px; color:#ffffff; background-color:#FFFFFF;}
.calendarbg {background-color:#114e78;}
/* Calendar */


/* The hint to Hide and Show */
.hint { width:260px; position:absolute; float:left; display:block; margin-left: 10px; border: 1px solid #c93; padding: 6px; background: #ffc url(../images/pointer.gif) no-repeat -10px 5px; font:11px Arial, Helvetica, sans-serif; text-align:left; text-shadow:0 1px 1px #fae79a;}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {position: absolute; left: -10px; top: 5px; width: 10px; height: 19px; background: url(../images/pointer.gif) left top no-repeat;}


/* The hint to Show Message above BillCopy */
.hint1 { width:216px; position:absolute; display:block; margin:5px 0px 0px 40px; *margin-left:-115px; border: 1px solid #c93; padding: 6px; background: #ffc url(../images/pointer1.gif) no-repeat 150px -10px; font:11px Arial, Helvetica, sans-serif; text-align:left !important; text-shadow:0 1px 1px #fae79a;}

/* The pointer image is hadded by using another span */
.hint1 .hint-pointer1 {position: absolute; left: 150px; top: -10px; width: 19px; height: 10px; background: url(../images/pointer1.gif) left top no-repeat;}


#LoadingDiv{
margin:0px; padding:0px; position:fixed; height: 100%; z-index:9999; padding-top:210px; padding-left:310px; width:100%; clear:none;
background:url(../images/loading-bg.png) repeat; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#666666; 
}
#LoadingDiv div {width:260px; height:50px; background-color:#FFFFFF /*url(../images/loading42.gif) no-repeat 60px 50px*/; text-align:center; overflow:hidden; padding:25px 15px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.30); border:1px solid #ccc;}

/*#LoadingDiv img {box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.65); border:1px solid #ccc;}*/
/*IE will need an 'adjustment'*/
* html #LoadingDiv{
     position: absolute;
     height: expression(document.body.scrollHeight &gt; document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
	

/************************** Notification  ************************/
.notificationdiv {margin:2px; padding:3px 3px 3px 0px; border:0px solid #e68c0c; background-position: 5px 5px !important; background-repeat: no-repeat !important; font-size: 12px; border-radius:5px;  }
/*.error {background: #ffcecf url('../images/icon_error.gif') 10px 11px no-repeat; border-color: #df8f90; color: #665251; padding:5px 25px; }
.attention {background: #fffbcc url('../images/icon_attention.gif') 10px 11px no-repeat; border-color: #e5db55; color: #656450; padding:5px 25px; }
.attention cite {font-weight:bold; font-style:normal; color:#e98e80; display:block;}
.information { background: #dce3ff url('../images/icon_infomation.gif'); border-color: #a3b3ee; color: #656450; font-family:Arial, Helvetica, sans-serif; }
.success { background: #d5ffcf url('../images/icon_success.gif'); border-color: #9adf8f; color: #656450; font-size:*/15px; }
.notificationdiv div { display:block; font-style:normal; padding: 10px 10px 10px 36px; line-height: 1.5em; }
.notificationdiv .close { color:#990000; font-size:9px; position:absolute; right:5px; top:5px;}
/************************** Notification  ************************/


/******************* View Pay Bills action *******************/
ul#actioncontrol { margin:0px; padding:0px; clear:both; display:block; }
ul#actioncontrol li { width:200px; padding:0px 7px 7px 30px; display:block; float:left; cursor:pointer; margin:10px 10px 15px 0px; border:1px solid #fff; border-radius:5px; font:11px Arial, Helvetica, sans-serif; color:#989898; }
ul#actioncontrol li h3 { color:#023369; font-size:1.2em; margin:6px 0px 15px 0px; }
ul#actioncontrol li .iconblock { width:120px; height:120px;  background-color:#e2e0e0; border-radius:5px; text-align:center; margin-bottom:15px; }
.ibiller {background:url(../images/icon_plus.jpg) no-repeat left top;}
.imobile {background:url(../images/icon_mobile.jpg) no-repeat left top;}
.idth {background:url(../images/icon_dth.jpg) no-repeat left top; margin-left:12px !important;} 
/******************* View Pay Bills action *******************/

/******************* Modal Popup Message *******************/
.parentDisable { z-index:999; width:100%; height:100%; display:none; position:absolute; top:0; left:0; color: #000;  background: url(../images/transparent-bg.png) repeat; } 
#ConfirmBox p, #TPTConfirmBox p, #NonTPTConfirmBox p {padding:0px; margin:0px;}
#ConfirmBox .msgtext, #TPTConfirmBox .msgtext, #NonTPTConfirmBox .msgtext {  background-color: #ffffff; width:615px; position:absolute; top:150px; left:200px; color:#000; font:12px Arial, Helvetica, sans-serif; border:1px solid #000; color:#000000; }
#ConfirmBox .padmsgtext, #TPTConfirmBox .padmsgtext , #NonTPTConfirmBox .padmsgtext { padding:25px 20px; }
#ConfirmBox .buttonsection, #TPTConfirmBox .buttonsection, #NonTPTConfirmBox .buttonsection { width:100%; height:54px; border-top:1px solid #e6e6e6; background-color:#f2f2f2;}
#ConfirmBox .popbtn, #TPTConfirmBox .popbtn, #NonTPTConfirmBox .popbtn {float:right; margin:3px 6px; width:auto; min-width:65px; padding:3px; font-size:12px; margin-top:10px;}
#ConfirmBox .marr15, #TPTConfirmBox .marr15, #NonTPTConfirmBox .marr15 {margin-right:15px;}
#ConfirmBox .marr15, #TPTConfirmBox .marr15, #NonTPTConfirmBox .marr15 {margin-right:15px;}
#ConfirmBox .w65, #TPTConfirmBox .w65, #NonTPTConfirmBox .w65 {width:65px;}
/******************* Modal Popup Message *******************/

.capcardDetails { border-top:0px solid #e1e2e4; margin-top:2px; }
input.edt , input.cvdt { border:1px solid #ccd4d6; margin:5px 5px 5px 0px; padding:2px; font-size:11px !important; }
input.edt {margin-left:0px;}
.w80 {width:90px; background:#fff;}  .w40 {width:30px; margin-left:5px;}
.PMRadio { display:none;}

table#resulttbl { width:99%; padding:3px; margin:0px; border:0px; 	
	
	}
table#resulttbl td {padding:0px !important; margin:0px; border:0px !important; color:#666; 
	background:#f0f1f3; 
	background-image: -moz-linear-gradient (top,#f0f1f3,#f6f7f9);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f1f3),color-stop(0,#f6f7f9));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f1f3', EndColorStr='#f6f7f9')";

}
.radhid {display:none;}


/******************* accordion Message *******************/
.ac-container{ margin:10px 0px; display:block; text-align: left; border:1px solid #e5e6e9;  }
.ac-container label{
	border-bottom:1px solid #e5e6e9;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px 20px 5px 35px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #383838; font-weight:700;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 15px;
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}

label.showbox {background:#fff url(../images/icon-plus-minus.gif) no-repeat 15px center;	 }
label.hidebox {background:#eef9ff url(../images/icon-minus-plus.gif) no-repeat 15px center;;}
div.ac-large { height:230px;
background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;

}
div.ac-large p {
	font-style:italic;
	color: #333;
	line-height: 20px;
	font-size: 14px;
	padding: 15px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}

/******************* accordion Message *******************/

.sample-block { width:430px; height:205px; margin:15px 10px 10px 10px; border:1px solid #bbb; float:right; }
span.screen-top { display:block; width:430px; height:48px; background:#fff url(../images/hdfc-screen-top.gif) no-repeat left top; margin:0px; padding:0px; }