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

body{
	font-family:Tahoma, Geneva, sans-serif;
}

/* .main{
	width:1024px;
	margin:0 auto;
	background:#cccccc;
	height:100%;
} */

@font-face { 
    font-family: Calibri !important; 
	src:url(../fonts/Calibri.ttf);
}


	
/*Fonts*/


.fontBlue{
	color:#3498db;
}

.fontOrange{
	color:#e67e22;
}

.fontRed{
	color:#e74c3c;
}

.fontGreen{
	color:#009946;
}

.bold{
	font-weight:bold;
}

.tright{
	text-align:right;
}

.tleft{
	text-align:left;
}


.fleft{
	float:left;
}


/* End of Fonts */

/* Tiles */

.displayBlock{
	float:left!important;
}

.blockoriginal{
		display: inline-block;
		float: left;
}
.ViewCust_img{
                background:url("../resources/images/application/view_ic.png") no-repeat left center;
                /*font-size:10px;*/
				color:transparent !important;
                width:25px  !important;
				height:25px  !important;
				/*margin:8px  !important;*/
				cursor:pointer  !important;	

}
.EditCust_img{
                background:url("../resources/images/application/edit_ic.png") no-repeat left center;
                /*font-size:10px;*/
				color:transparent !important;
                width:25px  !important;
				height:25px  !important;
				/*margin:8px  !important;*/
				cursor:pointer  !important;	
}
 
.Attach_img
{
	background:url("../resources/images/application/attach_ic1.png") no-repeat left center;
	/*font-size:10px;*/
	color:transparent !important;
	width:25px  !important;
	height:25px  !important;
	/*margin:8px  !important;*/
	cursor:pointer  !important;
} 

/* End of Tiles */

/* Cards */
.custLabel{
	/* width:33%; */
	width:135px;
	text-align:right;
	color:#647078;
	/* margin-right:79px; */
	font-size:10px;
	
}
.custtext{
	/* width:30%; */
	width:100px;
	text-align:left;
	color:#647078;
	font-weight:bold;
	font-size:10px;	
	text-indent:10px;
}
.custval{
	width:160px;
	text-align:right;
	color:#647078;
	font-weight:bold;
	font-size:10px;	
}
.custname{
	/* width:150px; 
	width:100px;*/
	font-size:10px;
	text-align:left;
	color:#647078;
	font-weight:bold;
	/* padding-left:50px; */
	
}

.custaddr{
	width:200px;
	font-size:10px;
	text-align:left;
	color:#666666;
	line-height:15px;
	word-break : 
	/* padding-left:50px; */
}

.custphone{
	background:url("../resources/images/application/Call.png") no-repeat left center;
	/* width:150px; */
	width:30px;
	font-size:10px;
	text-align:left;
	color:#647078;
	font-weight:bold;
	text-indent:23px;
	line-height:25px;
}
.custimg{
		background:url("../resources/images/application/Hold_icon.png") no-repeat left center;
		height:15px;
		/* width:80px; */
		width:30px;
}

.Text
{
	/* width:51%; */
	
	font-size:11px;
	font-weight:normal;
	text-align:left;
	color:#647078;
	padding-left:10px;
}
.Val1
{
	/* width:30%; */
	width:100px;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding-left:10px;
}
.email{
		background:url("../resources/images/application/Email.png") no-repeat left center;
		font-size:10px;
		font-weight:normal;
		/* width:40%; */
		text-align:left;
		color:#036a77;
		line-height: 18px;
		text-indent: 22px;
		
 }
 .globe{
		background:url("../resources/images/application/globe_grid.png") no-repeat left center;
		font-size:10px;
		font-weight:normal;
		/* width:40%; */
		color:#036a77;
		text-align:left;
		text-indent: 22px;
		line-height: 18px;
 
 }
 .orderWidth{
		width:180px;
		display:inline-block
 }
.clslimit{
	color:#999999;
	height:15px;
	/* width:43%; */
	width:100px;
	text-align:justify;
	padding-right:10px;
}

.clsSpace
{
	/*padding-right:50px;*/
	color:#999999;
	height:15px;
	text-align:justify;
}

.clslimitVal{
	color:#999999;
	text-align:justify;
	font-weight:bold;
	/* padding-left:39px;
	padding-right:92px; */
	
}

.osLabel{
	font-size:11px;
	text-align:right;
	/* width:50%; */
	width:85%; 
	font-weight:bold;
	height:15px;
	color:#000000!important;
	/* padding-left:80px; */
}
.osAmt{
	font-size:11px;
	/* width:50%; */
	width:85%;
	height:15px;
	text-align:right;
	color:#f46f20!important;
	/* padding-left:80px; */
}
.dueLabel{
	font-size:10px;
	text-align:left;
	color:#999999!important;

	padding-left:5px;
	
}
.blnkCls
{
	/* width:50%;
	height:20%; */
	width:30px;
	height:20px;
}
.overdueimg{
		background:url("../resources/images/application/red.png") no-repeat left center;
		/* width:5%; */
		width:10px;
		height:10px;
}
.notdueimg{
		background:url("../resources/images/application/green.png") no-repeat left center;
		/* width:5%; */
		width:10px;
		height:10px;
}
.mTop10{
	margin-top:10px;	
}
.overdueAmt{
	font-size:10px;
	font-weight:bold;
	text-align:right;
	color:#aa2222!important;
	width: 85%;
	
}
.notdueAmt{
	font-size:10px;
	font-weight:bold;
	text-align:right;
	color:#479b47!important;
	width:85%;
}
.SummaryHorSep{
	/* width:100%!important;	 
	width:100px!important;	*/
	height:1px!important;	
	margin:10px 0px 10px 0px;
}

.custemail1{
		float:left;
		/* width:50%; */
		width:50px;
		height:5px;
		text-align:left;
		margin:5px 0px 0px 0px;
}



.fccCardCont1{
	width:100px;
	height:15px;
	text-align:right;
	color:#647078;
	/* margin-right:79px; */
	
}

.fccCardCont2{
	width:80px;
	height:15px;
	text-align:left;
	color:#647078;
	font-weight:bold;	
}

.fccCardCont3{
	/* width:200px; */
	width:100px;
	height:15px;
	text-align:left;
	color:#647078;
}

.fccCardCont4{
	width:80px;
	height:15px;
	text-align:right;
	color:#647078;
	
}

.fccCardCont5{
	width:100px;
	height:5px;
	text-align:left;
	color:#647078;
}

.fccCardCont6{
	width:100px;
	height:5px;
	text-align:left;
	color:#647078;
	
}


.fccCardCont9{
	/* width:40%; */
	width:100px;
	height:15px;
	text-align:left;
	color:#647078;
}

.fccCardCont10{
	/* width:40%; */
	width:100px;
	height:15px;
	text-align:right;
	color:#647078;
	
}

.fccCardCont11{
	/* width:50%; */
	width:100px;
	height:5px;
	text-align:left;
	color:#647078;
}

.fccCardCont12{
	/* width:50%; */
	width:100px;
	height:5px;
	text-align:left;
	color:#647078;
	
}



.fccCardCont8{
	/* width:100%; */
	width:100px;
	margin:5px 0px 0px 20px;
	font-size:12px;
	height:5px;
}

.suppPoSummary{
	/* width:100%; */
	width:100px;
	margin:5px 0px 0px 20px;
	font-size:12px;
	height:5px;
}

.outstanding{
	/* width:100%; */
	width:100px;
	margin:5px 0px 0px 20px;
	font-size:12px;
	height:5px;
}

.fccCardVal1{
	color:#33cc00;
	margin:5px 0px 0px 0px;
}

.fccCardVal2{
	color:#ff3300;
	margin:5px 0px 0px 0px;
}

.fccTileborder{
	/* width:178px; */
	width:100px;
	height:100px;
	border:1px solid #00a65a;
	border-radius:3px;
}

/* Banck Info .. Start Here*/
 .srno
{
	width:5%;
	height:50px;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	color:#647078;
	line-height:50px;
}
.paymetInfo{
	height:50px;
	padding-left:10px;
	width:92%;
}
.paymet{
	width:36%;
	height:25px;
	text-align:left;
	font-weight:bold;
	line-height:25px;
}

.bankText
{
	width:20%;
	height:25px;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	color:#647078;
	padding-left:10px;
}
.bankVal
{
	width:60%;
	height:25px;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	line-height: 25px;
	padding-left: 5px;
}

.DefText
{
	width:6%;
	height:25px;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	color:#647078;
	line-height:25px;
}

.DefVal
{
	width:15%;
	height:25px;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding-left:10px;
	line-height:25px;
}

.CustPTTText
{
	height:25px;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	color:#647078;
	line-height:25px;
}
.CustPTTVal
{
	width:20%;
	height:25px;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding-left:10px;
	line-height:25px;
}
.PTTText
{
	width:12%;
	height:25px;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	color:#647078;
	line-height:25px;
}

.PTTVal
{
	width:24%;
	height:25px;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding-left:10px;
	line-height:25px;
} 
/* Bank Info .. ends Here*/

.fccCardbank10{

  background-color: #00ff00;
	
}

.fccCardbank2{
	width:28%;
	height:15px;
	text-align:right;
	font-weight:bold;
}

.fccCardbank4{
	width:40%;
	height:15px;
	text-align:left;
	
}

.fccCardbank3{
		
		width:25%;
		height:5px;
		text-align:left;
		color:#D3D3D3;
}

.fccCardbank5{
		float:left;
		width:25%;
		height:15px;
		text-align:left;
		
}
.fccCardbank6{
		float:left;
		width:25%;
		height:15px;
		text-align:left;
		color:#D3D3D3;
		
}
.fccCardbank7{
		float:left;
		width:25%;
		height:15px;
		text-align:left;
		
}
.fccCardbank8{
		float:left;
		width:20%;
		height:15px;
		text-align:right;
		color:#D3D3D3;
		
}
.fccCardbank9{
		float:left;
		width:30%;
		height:15px;
		text-align:right;
		
}
.fccCardSepbank{
	height:0.5px;
	width:100%;
	margin:15px 0px 10px 4%;
    background:#ebebeb;
	
}
/* Banck Info .. end Here*/

.exampleone {
  background-color: rgb(153,102,153);
  color: rgb(255,255,204);
}
 .Space{padding-right:50px;
}
.Spaceline{padding-right:10px;
}
.Spaceaddr{padding-right:26px;
} 



/*Address Info... start here */ 
 
.hddphimage{
                background:url("../resources/images/application/Call.png") no-repeat left center;				
                font-size:10px;
                color:#999999;
				height:20px;
				padding-left:15px;
			
	}
 .hddemimage{
                background:url("../resources/images/application/Email.png") no-repeat left center;
                font-size:10px;
                color:#999999;
				height:15px;
				padding-left:15px;
 }
  .firstline
 {
	width:100%;
	height:20px;
	margin:1px 0px 0px 0px;
 }
.shipspace{
	width:65%;
	line-height: 20px;		
    text-align:left;
	font-weight:bold;
	height:20px;
}
.HubaddLab{
	width:25%;
	color:#647078;
	text-align:right;
}
.HubaddCont1{
	width:65%;	
	line-height:20px;	
    text-align:left;
	font-weight:bold;
	height:20px;
}
.HubaddLab1{
	width:32%;
	line-height:20px;	
	text-align:left;	
}
.HubaddInfo{
	color:#000;	
	text-align:left;
	padding-left:6px;
	width:70%;
}
 .secondline
 {
	width:100%;
	height:25px;
	margin:1px 0px 0px 0px;
 }
.HubaddCont21{
	width:33%;
	line-height: 20PX;	
	text-align:left;
}
.HubaddCont211{
	width:65%;
	line-height: 20PX;	
	text-align:left;
}
.HubaddCont22{
	width:32%;
	line-height: 20PX;
   text-align:left;
}
.Spaceadd{padding-right:5px;
} 
.HubaddLab2{
		width:32%;
		line-height: 20PX;		
		text-align:left;
}
 .thirdline
 {
	width:100%;
	height:25px;
 }
 
.HubaddLab3{		
		width:32%;
		height:20px;		
		text-align:left;
		line-height: 20px;
}
 .HubaddCont3{
	background:url("../resources/images/application/Call.png") no-repeat left center;	
	width:33%;
	height:20px;
	text-align:left;
	text-indent:20px;
    line-height: 20px;
}
	
.HubaddCont31{
	background:url("../resources/images/application/Email.png") no-repeat left center;
	width:32%;
	height:20px;
	text-align:left;
	text-indent:20px;
	line-height: 20px;
} 

/*Address Info... ends here */ 

/* Tax Info .. Start Here*/
.stateInfo{
	width:100%;
	height:15px;
	text-align:left;
	font-weight:bold;
	margin:5px 0px 5px 8px;

}
.fccCardtax4{
	width:100%;                                                                                                                                                                                                                                                                
	height:5px;
	text-align:left;
	
}
.fccCardtax2{
		width:14%;
		height:20px;
		text-align:right;
		padding-right:10px;
		margin:5px 0px 0px 0px;
		color:#647078;
}

.fccCardtax10{
		width:17%;
		height:20px;
		text-align:left;
		margin:5px 0px 0px 0px;
}  

.fccCardtax3{
		float:left;
		width:15%;
		height:5px;
		text-align:left;
		margin:5px 0px 0px 0px;
		color:#D3D3D3;
}

.fccCardtax5{
		float:left;
		width:18%;
		height:5px;
		text-align:left;
		margin:5px 0px 0px 0px;
}
.fccCardtax6{
		float:left;
		width:15%;
		height:5px;
		text-align:left;
		color:#D3D3D3;
		margin:5px 0px 0px 0px;
}
.fccCardtax7{
		float:left;
		width:18%;
		height:5px;
		text-align:left;
		margin:5px 0px 0px 0px;
}

.fccCardtax8{
		float:left;
		width:15%;
		height:31px;
		text-align:left;
		color:#D3D3D3;
		margin:18px 0px 9px 0px;
}
.fccCardtax9{
		float:left;
		width:18%;
		height:15px;
		text-align:left;
		margin:18px 0px 0px 0px;
}
.fccCardtax11{
		float:left;
		width:15%;
		height:15px;
		text-align:left;
		margin:18px 0px 0px 0px;
		color:#D3D3D3;
}

.fccCardtax12{
		float:left;
		width:18%;
		height:5px;
		text-align:left;
		margin:18px 0px 0px 0px;
} 
.fccCardSeptax{
	height:0.5px;
	width:100%;
	margin:15px 0px 10px 4%;
    background:#ebebeb;
	
}

/* Tax Info .. end Here*/

/* Email Info .. Start Here*/

 .fccCardemail1{
		float:left;
		width:50%;
		height:5px;
		text-align:left;
		margin:5px 0px 0px 0px;
}

.fccCardemail2{
		float:left;
		width:50%;
		height:5px;
		text-align:left;
		margin:5px 0px 0px 0px;
} 
.margin10{
	margin: 5px 0px 5px 0px;
    clear: both;
    height: 60px;	
}

.x-tabs-dashboard, .x-tabs-Dashboard, .x-tabs-bank, .x-tabs-Bank
{
	height: 30px;
    width: 50px;
    text-align: center;
    background: none !important;
    margin-top: 15px;
}
.x-tabs-dashboard {
	background-color: transparent;
    background-image: url("../resources/images/application/supplier.png") !important;
    width: 25px !important;
    height: 17px !important;
    margin-left: 18px !important;
    margin-top: 12px !important;
    font-size: 0 !important;
    color: transparent !important;
} 


/* Email Info .. End Here*/

/* End of Cards */