@charset "utf-8";
/* CSS Document 

Author: Srinivas Buddha
Company: Impelsys India Ltd.
Creation Date: 10-09-08, 12:00 P.M
Last Edited:

*/

/*************** RESET ELEMENTS **************/

body, html { 
margin:0; 
padding:0; 
}

body {
font:small/1.5em Verdana, Arial, Helvetica, sans-serif;
color:#000;
}

DIV, h1, h2, h3, h4, h5, h6, p, ul, ol, ul li, ol li, form, fielset { 
margin:0; 
padding:0; 
}

IMG { 
border: 0;
}

ol,ul {
list-style: none;
}

p { padding:10px;}

.bold { font-weight:bold; }
.floatL { float:left; }
.floatR { float:right; }

/********** Page styles *************/
#ecwrapper { margin:0 auto; width:970px; border-left:1px solid #c1c5b7; background:#fff; border-right:1px solid #c1c5b7;}
#echeader { background:#fff; height:100px; overflow:auto; }
.becclientlogo { width:300px; height:100px; float: left; background:url(../images/client_logo.gif) top left no-repeat; }
#paytext { height:29px; line-height:29px; text-align:center; font-weight:bold; color:#fff; font-size:13px; clear:both; background:url(../images/pgtextbg.gif) top left repeat-x; }
.becipclogo { width:234px; background:url(../images/ipc_logo.gif) top right no-repeat; float:right; height:100px;}
#ecbodycont { width:970px; }
.ecstepshead { width:940px; margin:0 auto; text-align:left; background:url(../images/ecom_stepbg.gif) top left repeat-x; height:48px;}
.ecstepshead li { width:24%; float: left; text-align:center; height:40px; padding-top:8px; display:inline; color:#555;  }
.ecstepshead li.ecactive {  background:url(../images/ecom_step_active.gif) top center no-repeat; height:48px; text-align:center; color:#000; font-weight:bold; }
.ectblborder { border:1px solid #9dd3f6; width:940px; margin:5px auto; }
.ectblhead { font-size:110%; text-align:left; padding:5px 10px; color:#0767a9; background:#def2ff; font-weight:bold; }

.ecsctbl { background: #6eccfe; margin:10px auto;  }
.ecsctbl th { background: #0767a9; color:#fff; font-weight:bold; text-align:left; }
.ecsctbl td { background:#fff; font-size:90%; }
.ecsctbl td.even { background:#fff3c9; font-size:90%; }
.ecsctbl td, .ecsctbl th { padding:3px; } 

.echead { font-size:110%; text-align:left; padding:5px 0 0 10px; color:#000; font-weight:bold; height:27px; position:relative; }
.collapse { background:url(../images/ecom_collapse.gif) top left no-repeat; width:27px; height:27px; position:absolute; right:1px; top:1px; border:1px solid red;}
.expand { background:url(../images/ecom_expand.gif) top left no-repeat; width:27px; height:27px; position:absolute; right:1px; top:1px; border:1px solid red;}
/*************** FORM STYLES ***********/
.selectbx { font-size:11px; color:#000; padding:2px; border:1px solid #828282; }
.txtbx { font-size:11px; color:#000; padding:2px; border:1px solid #828282; }
caption { text-align:right; font-size:85%; padding:10px; }
.formlabel { font-size:90%; font-weight:bold; text-align:right; }
.redstar { font-size:12px; color:#FF0000; padding-right:1px; }

.padding10 { padding:10px; text-align:right; }

#ecfooter { text-align:left; padding:10px 15px; clear:both;  position:relative; font-size:11px;}
#ecfooter span { width:250px; position:absolute; top:5px; right:15px; text-align:right; height:25px;  }



/************* ERROR MESSAGE RC ********************/

#rc_border_red { background: none transparent scroll repeat 0% 0%; margin:0; }

.xtop_red { display: block; font-size: 1px; background: none transparent scroll repeat 0% 0% }

.xbottom_red { display: block; font-size: 1px; background: none transparent scroll repeat 0% 0% }

.xb1_red { background: #ff0000; margin: 0px 5px; height: 1px; display: block; overflow: hidden }

.xb2_red { 	border-right: #ff0000 1px solid; background: #fffcae; border-left: #ff0000 1px solid; display: block; overflow: hidden; border-top-width: 0px; border-left-width: 2px; border-bottom-width: 0px; margin: 0px 3px; border-right-width: 2px; height: 1px; }

.xb3_red { border-right: #ff0000 1px solid; background: #fffcae; border-left: #ff0000 1px solid; display: block; overflow: hidden; margin: 0px 2px; height: 1px; }

.xb4_red { border-right: #ff0000 1px solid; background: #fffcae; border-left: #ff0000 1px solid; display: block; overflow: hidden; margin: 0px 1px; height: 2px; }

.xboxcontent_red { border-right: #ff0000 1px solid; border-top: #ff0000 0px solid; display: block; background: #fffcae; border-left: #ff0000 1px solid; border-bottom: #ff0000 0px solid; font-weight:bold; color:#ff0000; }
.padding5 { padding:5px;}

table.tablelist {
	width: 100%;
	border-spacing: 1px;
	background-color: #e7e7e7;
	color: #666;
	font-size:12px;
}
table.address {
	width: 100%;
	border-spacing: 0px;
	background-color: #e7e7e7;
	color: #666;
	font-size:12px;
}

table.address  tr td 	   { height: 15px; background: white; border: 1px solid #fff; }

table.tablelist td,
table.tablelist th { padding: 4px; }

table.tablelist thead th {
	text-align: center;
	background: #f0f0f0;
	color: #666;
	border-bottom: 1px solid #999;
	border-left: 1px solid #fff;
}

table.tablelist thead a:hover { text-decoration: none; }
table.tablelist thead th img { vertical-align: middle; }
table.tablelist tbody th { font-weight: bold; }
table.tablelist tbody tr			{ background-color: #fff;  text-align: left; }
table.tablelist tbody tr.row1 	{ background: #f9f9f9; border-top: 1px solid #fff; }
table.tablelist tbody tr.row0:hover td,
table.tablelist tbody tr.row1:hover td  { background-color: #ffd ; }
table.tablelist tbody tr td 	   { height: 35px; background: #fff; border: 1px solid #fff; }
table.tablelist tbody tr.row1 td { background: #f9f9f9; border-top: 1px solid #FFF; }
table.tablelist tfoot tr { text-align: center;  color: #333; }
table.tablelist tfoot td,
table.tablelist tfoot th { background-color: #f3f3f3; border-top: 1px solid #999; text-align: center; }
table.tablelist td.order 		{ text-align: center; }
table.tablelist td.order span { float: left; display: block; width: 20px; text-align: center; }


/**************** error msg ends ***************/


/**green btn SMALL class START**/
a.dark-green-btn{
	display:block;
	background:url(../images/btn-green-l.gif) no-repeat left top;
	padding:0px 0px 0px 6px;
	height:21px;
	text-decoration:none;
	overflow:hidden;
}


a.dark-green-btn span{
	background:url(../images/btn-green-r.gif) no-repeat right top;
	padding:3px 6px 0px 0px;
	height:20px;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}

a:hover.dark-green-btn{
	background:url(../images/btn-green-l.gif) no-repeat left -22px;
}

a:hover.dark-green-btn span{
	background:url(../images/btn-green-r.gif) no-repeat right -22px;
}

a.dark-green-btn-disabled{
	display:block;
	cursor:default;
	background:url(../images/btn-green-l.gif) no-repeat left -44px;
	padding:0px 0px 0px 6px;
	height:21px;
	text-decoration:none;
	overflow:hidden;
}

a.dark-green-btn-disabled span{
	background:url(../images/btn-green-r.gif) no-repeat right -44px;
	padding:3px 6px 0px 0px;
	height:20px;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	cursor:default;
}
/**green btn SMALL class END**/

