/*   ==reset==   */ /*NAIRI INSURANCE*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	outline:0;
}
h1,
h2,
h3,
h4,
h5{
	font-weight: normal;	
}
html {
    overflow: -moz-scrollbars-vertical;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
a,a:link,a:active,a:hover,a:visited{color:black; text-decoration:none;}


		/*LOGIN from*/
		
	#loginBody{background-color: #F3F3F3;}	
		
	.on_line_hover:hover{background-color:#bfbfbf;}	
		
	#loginCenterCont{margin:0 auto; width:400px; margin-top:100px;}
		#loginCont{float:left; width:400px; min-height:600px;}
				#corpLogo{float:left; width:100%; min-height:50px;}
				#loginLang{float:left; width:100%; height:30px;}
					#loginLangTable{float:left; width:100%;}
				
					#mainLogin{float:left; width:100%; height:200px; background-color: white; border: 1px solid #D0D0D0;}
							#loginTable{float:left; width:80%; margin-left:10%; margin-right:10%; margin-top:50px;}
							#loginButton{float:left; width:100%; margin-top:15px;}
								#loginButton p{text-align:center;}
								#loginButton p  input{width:70px;}
		
		
		/*LOGIN from*/
		
		/*Grid Design*/
		
	#mainFrame{background-color:#d9dae0;}	
		#mainFrame header{width: 100%; height:42px; border-bottom:3px solid #D20000; background-color: #ffffff;}
			#clientLogoCont{float: left;
								min-width: 165px;
								margin-left: 10px;
								padding-top: 5px;
								border-right: 1px solid #d1d1d1;
								height: 37px;}
					#clientLogoCont a{float:left; width:150px; height:30px;}
						#clientLogoCont a img{float:left; width:150px; height:30px;}
			#headerMenu{float:left; min-width:200px; height:100%; margin-left:20px;}
					
						
			#userInfoLogCont{float:right; min-width:100px; height:42px;}
				#menuLogout{float: right; min-width: 100px; margin-top: 5px; margin-right: 15px;position:relative;}
				
				#changePass{position:absolute;top:100%;right:0;z-index:99;box-shadow: 2px 2px 6px rgba(0,0,0,.2);display:none;}
				#changePass li{float: left; padding:6px; height: 23px;background-color: #ffffff;width:140px;}
				#changePass li a{font-size: 12px; background:#fff;width:115px;}
				#changePass li p{font-size: 11px;line-height: 25px;}
				#imgpass{width:20px;float:left;margin-right:5px;}
				#menuLogout:hover #changePass{display:block;}
					#menuLogout a{display: block; background-color: #D20000;min-width: 100px;height: 26px;border-color: #D20000;/* font-family: Tahoma; */font-size: 12px;color: #FFFFFF;text-decoration: none;padding-top: 5px;padding-left: 10px;padding-right: 10px;text-align: center;}
				#userInfo{float:right; min-width:20px;  margin-right:15px; height:42px;}
					#userInfo p{color: #666666; font-family: Tahoma; font-size: 12px; text-align:center; padding-top:3px;}
						#userInfo img {float:left;margin-top: 10px; cursor: pointer;}
				#BmrequestInfo{    float: right; min-width: 20px; margin-right: 15px; margin-top: 8px; height: 42px;}
				#langMenu{ min-width:100px;  margin-right:15px; padding-top:7px;}
					#langMenu ul{float:left; list-style:none; padding-top: 8px;}
					#langMenu ul li{float:left; margin-left:3px; padding-left:10px;}
					#langMenu ul li a{text-decoration:none; font-size:12px;}
		#mainFrameCenterer{margin:0 auto; width:99%;}
			#mainFrameCont{float:left; width:100%; min-height:300px; margin-top: 10px;}
				#contolPanel{float:left; width:20%; min-height:300px;}
					#contolPanel ul{list-style:none;}
					#contolPanel ul li{display:block; float:left; width:85%; border-bottom: 1px solid #D0D0D0; margin-top:5px; padding-left:15px; background-color: rgb(209, 209, 209); border-top: 1px solid #D0D0D0;}
					#contolPanel ul li:hover{background-color: #F2F2F2; width:85%; border-left: 3px solid red;  border-right: 1px solid #D0D0D0; cursor:pointer;}
					#contolPanel ul li a{display:block; float:left; width:100%; height:19px; padding-top:10px; padding-bottom:10px;}
				#contolData{float:left; width:100%; min-height:300px;}
					#gridControlMenu{float:left; width:100%; height:70px;   background-color: #fbfbfc; border-top: 1px solid #bcbec6;}
					#gridControlMenu2{float:left; width:100%; height:70px;   background-color: #fbfbfc; border-top: 1px solid #bcbec6;}
						/*CUSTOMER*/
						.gridControlLeftMenu{float:left; width:64%; height:70px; border-left: 1px solid #bcbec6;}
							.gridControlLeftRefreshMenu{float:left; width:226px; height:70px; border-right:1px solid #a8aab4;}
								.gridControlLeftRefreshButtonMenu{float:left; width:66px; height:70px; padding-left: 5px; padding-right: 5px;}
									.gridControlLeftRefreshButtonMenu:hover{cursor:pointer;}
									.gridControlLeftRefreshButtonMenu img{float:left; width:28px; height:29px; margin-left: 17px;   margin-top: 10px;}
									.gridControlLeftRefreshButtonMenu h1{float:left; width:66px; color:#000000; font-size: 8pt; text-align:center; font-family:Tahoma; }
								.gridControlLeftFromToMenu{float:left; width:136px; height:70px;}
									.gridControlLeftFromMenu{float:left; width:100%; height:22px; margin-top: 9px;}
										.gridControlLeftFromMenu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeftFromMenu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									.gridControlLeftToMenu{float:left; width:100%; height:22px; margin-top: 4px;}
										.gridControlLeftToMenu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeftToMenu select{float:right; width:87px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.gridControlLeftToMenu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
								
							.gridControlLeft2Menu{float:left; width:209px; height:70px; border-right:1px solid #a8aab4;}
									.gridControlLeft2_1Menu{float:left; width:194px; height:22px; margin-top: 9px; padding-right:15px;}
										.gridControlLeft2_1Menu select{float:right; width:128px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.gridControlLeft2_1Menu input{float:right; width:128px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.gridControlLeft2_1Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									.gridControlLeft2_2Menu{float:left; width:194px; height:22px; margin-top: 4px; padding-right:15px;}
										.gridControlLeft2_2Menu select{float:right; width:120px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.gridControlLeft2_2Menu input{float:right; width:128px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.gridControlLeft2_2Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}	
								
							.gridControlLeft3Menu{float:left; width:183px; height:70px; border-right:1px solid #a8aab4;}
									.gridControlLeft3_1Menu{float:left; width:165px; height:22px; margin-top: 9px; padding-right:15px;}
										.gridControlLeft3_1Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeft3_1Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									.gridControlLeft3_2Menu{float:left; width:165px; height:22px; margin-top: 4px; padding-right:15px;}
										.gridControlLeft3_2Menu select{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.gridControlLeft3_2Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeft3_2Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}	
							.gridControlLeft4Menu{float:left; width:183px; height:70px; border-right:1px solid #a8aab4;}
									.gridControlLeft4_1Menu{float:left; width:165px; height:22px; margin-top: 9px; padding-right:15px;}
										.gridControlLeft4_1Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeft4_1Menu select{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeft4_1Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									.gridControlLeft4_2Menu{float:left; width:165px; height:22px; margin-top: 4px; padding-right:15px;}
										.gridControlLeft4_2Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeft4_2Menu select{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeft4_2Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
										
						/*CUSTOMER*/				
										
						
						/*PRODUCTS*/
						.PRODgridControlLeftMenu{float:left; width:69%; height:70px; border-left: 1px solid #bcbec6;}
			
							.PRODgridControlLeftRefreshMenu{float:left; width:270px; height:70px; border-right:1px solid #a8aab4;}
								.PRODgridControlLeftRefreshButtonMenu{float:left; width:66px; height:70px; padding-left: 5px; padding-right: 5px;}
									.PRODgridControlLeftRefreshButtonMenu:hover{cursor:pointer;}
									.PRODgridControlLeftRefreshButtonMenu img{float:left; width:28px; height:29px; margin-left: 17px;   margin-top: 10px;}
									.PRODgridControlLeftRefreshButtonMenu h1{float:left; width:66px; color:#000000; font-size: 8pt; text-align:center; font-family:Tahoma; }
								.PRODgridControlLeftFromToMenu{float:left; width:182px; height:70px;}
									.PRODgridControlLeftFromMenu{float:left; width:100%; height:22px; margin-top: 9px;}
										.PRODgridControlLeftFromMenu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.PRODgridControlLeftFromMenu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									.PRODgridControlLeftToMenu{float:left; width:100%; height:22px; margin-top: 4px;}
										.PRODgridControlLeftToMenu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.PRODgridControlLeftToMenu select{float:right; width:87px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.PRODgridControlLeftToMenu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
								
							.PRODgridControlLeft2Menu{float:left; width:230px; height:70px; border-right:1px solid #a8aab4;}
									.PRODgridControlLeft2_1Menu{float:left; width:220px; height:22px; margin-top: 9px; padding-right:15px;}
										.PRODgridControlLeft2_1Menu select{float:right; width:128px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.PRODgridControlLeft2_1Menu input{float:right; width:128px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.PRODgridControlLeft2_1Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 5px;}
									.PRODgridControlLeft2_2Menu{float:left; width:220px; height:22px; margin-top: 4px; padding-right:15px;}
										.PRODgridControlLeft2_2Menu select{float:right; width:128px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.PRODgridControlLeft2_2Menu input{float:right; width:128px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.PRODgridControlLeft2_2Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}	
								
							.PRODgridControlLeft3Menu{float:left; width:206px; height:70px; border-right:1px solid #a8aab4;}
									.PRODgridControlLeft3_1Menu{float:left; width:190px; height:22px; margin-top: 9px; padding-right:15px;}
										.PRODgridControlLeft3_1Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.PRODgridControlLeft3_1Menu select{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.PRODgridControlLeft3_1Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									.PRODgridControlLeft3_2Menu{float:left; width:190px; height:22px; margin-top: 4px; padding-right:15px;}
										.PRODgridControlLeft3_2Menu select{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.PRODgridControlLeft3_2Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.PRODgridControlLeft3_2Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}	
							.PRODgridControlLeft4Menu{float:left; width:183px; height:70px; border-right:1px solid #a8aab4;}
									.PRODgridControlLeft4_1Menu{float:left; width:165px; height:22px; margin-top: 9px; padding-right:15px;}
										.PRODgridControlLeft4_1Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.PRODgridControlLeft4_1Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									.PRODgridControlLeft4_2Menu{float:left; width:165px; height:22px; margin-top: 4px; padding-right:15px;}
										.PRODgridControlLeft4_2Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.PRODgridControlLeft4_2Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}	
							
							
							.PRODgridControlRightMenu{float:right; width:30%; height:70px; border-right: 1px solid #bcbec6;}
							.PRODgridControlRightMenu .doc_dropdown{ min-width:210px;}
							.PRODgridControlRightMenu table{float:right; width:100%; height:50px;}
							.PRODgridControlRightMenu table tbody{float:right;}
							.PRODgridControlRightMenu table tr{float:right; width:100%; height:50px;}
							.PRODgridControlRightMenu table tr td{float:right;
														text-align:center;
														padding-top:10px;
														padding-left:20px;
														padding-right:20px;
														padding-bottom:10px;
														height:50px;
													}
									.PRODgridControlRightMenu table tr td:hover{background-color: rgb(238, 238, 238); cursor:pointer;}
									.PRODgridControlMenuIMG{text-align:center;}
							.PRODgridControlMenuTitle{color: #3b3b3b; font-family: Tahoma;font-size: 8pt; text-align:center;}
										
								.PRODgridMoreSearchCont{float: left;
								  width: 99.8%;
								  text-align: left;
								  min-height: 17px;
								  color: #8D8D8D;
								  font-size: 12px;
								  background-color: #fbfbfc;
								  border-top: 1px solid #9F9F9F;
								  border-right: 1px solid #9F9F9F;
								  border-left: 1px solid #9F9F9F;
								  font-family: Tahoma;
								  cursor:pointer;}
								.PRODgridMoreSearchCont img{float:left; margin-top: 2px; margin-left: 2px; width: 13px; height: 13px;}
								.PRODgridMoreSearchCont p{float:left; margin-left: 5px; margin-top: 1px;}		
						/*PRODUCTS*/	

						
										
						.gridControlRightMenu{float:right; width:35%; height:70px; border-right: 1px solid #bcbec6;}
							.gridControlRightMenu table{float:right; width:100%; height:50px;}
							.gridControlRightMenu table tbody{float:right;}
							.gridControlRightMenu table tr{float:right; width:100%; height:50px;}
							.gridControlRightMenu table tr td{float:right;
														text-align:center;
														padding-top:10px;
														padding-left:20px;
														padding-right:20px;
														padding-bottom:10px;
														height:50px;
													}
									.gridControlRightMenu table tr td:hover{background-color: rgb(238, 238, 238); cursor:pointer;}
									.gridControlMenuIMG{text-align:center;}
							.gridControlMenuTitle{color: #3b3b3b; font-family: Tahoma;font-size: 8pt; text-align:center;}
					#gridControlMenuMessege{float:left; width:100%; height:30px;}
					#dataPolcont{display:none;}
					.openData{display:block!important;}
					.gridComment{float: left;
								  width: 99.8%;
								  text-align: center;
								  min-height: 17px;
								  background-color: #EDEDED;
								  color: #8D8D8D;
								  font-size: 12px;
								  border-top: 1px Solid #9F9F9F;
								  border-right: 1px Solid #9F9F9F;
								  border-left: 1px Solid #9F9F9F;
								  font-family: Tahoma;
					}
					.gridData{float:left; width:100%; border-collapse: separate;
							border: 1px solid #c0c0c0;    background-color: #ffffff;
							color: #333333; border-spacing: 0;}
							
							.callGridData{float: left;
									width: 98%;
									margin-left: 1%;
									margin-top: 15px;
									border-collapse: separate;
									border: 1px solid #c0c0c0;
									background-color: #ffffff;
									color: #333333;
									border-spacing: 0;}
							.gridDataTbody{float:left; width:100%; height: 225px; overflow: hidden;}
							.gridDataHeader{  height: 40px;
												  font-size: 8pt;
												  border-bottom: 1px solid #D0D0D0;
												  background-color: #F4F4F4;
												  color: #000000;
												  font-family: Tahoma;}
								.gridDataHeader td{border-bottom: 1px Solid #9F9F9F; padding-left: 5px; vertical-align: middle; padding-right: 5px;}
								.gridDataHeader th{border-bottom: 1px Solid #9F9F9F; padding-left: 5px; vertical-align: middle; cursor: pointer; padding-right: 18px; background-image: url(../ico/smartSortingIco.png); background-repeat: no-repeat; background-size: 8px; background-position-y: center; background-position-x: 96%;}
						.gridData tr td{text-align:center;}
							.gridDataRow{font-family: Tahoma; font-size: 10pt;}
							.gridDataRow:hover{cursor:pointer; background-color:#f3f3f3;}
							.gridDataRow td{	border-top: 1px solid #cfcfcf; 
											border-left: 1px solid #cfcfcf; 
											border-bottom: none;  
											border-right: none; 
											padding: 3px 6px 4px; font-family: Tahoma;}
							
							.selectedGridDataRow{font-family: Tahoma; font-size: 10pt;}
							.selectedGridDataRow td{	border-top: 1px solid #cfcfcf; 
													border-left: 1px solid #cfcfcf; 
													border-bottom: none;  
													border-right: none; 
													padding: 3px 6px 4px; background: rgb(246, 204, 204) !important; color:black !important;}
							.selectedContDataRow{font-family: Tahoma; font-size: 10pt;}
							.selectedContDataRow td{min-width: 100px;
													border: 1px solid #cfcfcf; 
													padding: 3px 6px 4px;
													color:black !important;
													box-shadow: 1px 1px #cfcfcf;}
							.contDataHeader{  height: 40px;
												  font-size: 8pt;
												  border-bottom: 1px solid #D0D0D0;
												  background-color: #F4F4F4;
												  color: #000000;
												  font-family: Tahoma;}
									.contDataHeader td{min-width: 100px;border-bottom: 1px Solid #9F9F9F; padding-left: 5px; vertical-align: middle; padding-right: 5px;}
										.contDataHeader th{min-width: 100px;border-bottom: 1px Solid #9F9F9F; padding-left: 5px; vertical-align: middle; cursor: pointer; padding-right: 18px; }
												  
							.selectedBlue{
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
								background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
								color:white;}
					.gridConfigs{float:left; padding-top:10px; padding-bottom:10px; width:100%; min-height:200px; margin-top:50px; border-top:1px Solid #9F9F9F; border-bottom:1px Solid #9F9F9F; margin-bottom:50px;}
					.gridConfigs table{float:left; font: 12px Tahoma; font-family: Tahoma;}
					
			.gridDataSubMainGrid{float:left; width:100%; min-height:100px;   background-color: #fbfbfc; border-top: 1px solid #bcbec6; margin-top:10px;}	
				.gridDataSubGrid{float:left; width:48%; border-left: 1px solid #bcbec6; border-right:1px solid #bcbec6;  border-bottom:1px solid #bcbec6;   margin-bottom: 10px;}
					.gridDataSubGrid table{float:left; width:100%; border-collapse: separate; border-spacing: 0;}
					.gridDataSubGrid table tbody{width:100%;}
					.gridDataSubGrid table thead{width:100%;}
					
							
							
							.gridDataSubGrid table thead tr{width:100%; border-bottom:1px solid #d9dae0;}
							.gridDataSubGrid table thead tr:first-child{background-color:#f6f6f7;}
								.gridDataSubGrid table thead tr th{  font-family: Tahoma;  font-size: 11px;color: #000000;font-weight: normal; padding: 5px; vertical-align: middle;border-bottom: 1px solid #d9dae0;}
							
							.gridDataSubGrid table tbody tr{width:100%; border-bottom:1px solid #d9dae0;}
							.gridDataSubGrid table tbody tr:last-child td{border-bottom:none;}
								.gridDataSubGrid table tbody tr td{font-family:Tahoma; font-size:12px; color:#000000; padding:5px; vertical-align: middle; border-bottom: 1px solid #d9dae0; border-right: 1px solid #d9dae0; }
								.gridDataSubGrid table tbody tr td:last-child{border-right:none; }
				
							.gridDataSubGridTr{}
							.gridDataSubGridTrInAct td{background: rgb(246, 204, 204) !important;}
				
				.gridDataSubGridRowData{float:right; width:48%; min-height:100px; border-right: 1px solid #bcbec6;}
						.gridDataSubGridRowCont{float: right;width: 90%;min-height: 138px;background-color: #ebecef; border: 1px solid #c2c4cb; margin-top: 5px; margin-right: 5%;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; margin-bottom: 10px;}
								.gridDataSubGridRowTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
											
									.gridDataSubGridRowTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.gridDataSubGridRowDataCont{float:left; width:100%; min-height:119px; margin-bottom: 10px;}
									.gridDataSubGridRowDataCont ul{float:left; width:100%; min-height:119px; list-style:none;}
										.gridDataSubGridRowDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.gridDataSubGridRowDataCont ul li p{float: left; width: 20%; height: 18px; color: #201f35; font-size: 12px; padding-right: 10px;
																						text-align: right; font-family: Tahoma; padding-top: 2px;}
											.gridDataSubGridRowDataCont ul li input{float:left; width:70%; height:20px; border:1px solid #9da0aa;}
											.gridDataSubGridRowDataCont ul li select{float:left; width:70%; height:20px; border:1px solid #9da0aa;}
								
						.gridDataSubGridRowDataButtonMenu{float:right; width:90%;   margin-right: 5%; height:70px; border-right: 1px solid #bcbec6;}
							.gridDataSubGridRowDataButtonMenu table{float:right; width:100%; height:50px;}
							.gridDataSubGridRowDataButtonMenu table tbody{float:right;}
							.gridDataSubGridRowDataButtonMenu table tr{float:right; width:100%; height:50px;}
							.gridDataSubGridRowDataButtonMenu table tr td{float:right;
														text-align:center;
														padding-top:10px;
														padding-left:20px;
														padding-right:20px;
														padding-bottom:10px;
														height:50px;
													}
									.gridDataSubGridRowDataButtonMenu table tr td:hover{background-color: rgb(238, 238, 238); cursor:pointer;}
				
				.gridDataSubButtonsGrid{    float: right; width: 20%; margin-top: 20px; margin-right: 10%; margin-left: 10%;}
					.c1{float:left;     
							border-collapse: collapse;
							height: 23px;
							width: 155px;
							padding-top: 7px;
							border: solid 1px #acacac;
							color: #3b3b3b;
							background-color: #ebf5ec;
							font-family: Tahoma;
							font-size: 8pt;
							cursor: pointer;
							text-align: center;}
					.c2{float:right; 
							border-collapse: collapse;
							height: 23px;
							width: 155px;
							padding-top: 7px;
							border: solid 1px #acacac;
							color: #3b3b3b;
							background-color: #ebf5ec;
							font-family: Tahoma;
							font-size: 8pt;
							cursor: pointer;
							text-align: center;}
				.contolDataOneDataViewCont{float: left; width: 100%; min-height: 300px; background-color: #F7F5F1; border-top: 1px solid #F5F6F7; margin-top: 3px; margin-bottom: 50px; border-bottom: 1px solid #9DA0AA;}
					.contolDataOneDataViewCont h1{  float: left;
													  width: 99%;
													  height: 18px;
													  background-color: #DDDEE2;
													  color: #5D5C6D;
													  font-size: 12px;
													  font-family: Tahoma;
													  font-weight: bold;
													  padding-top: 2px;
													  padding-left: 1%;}
  
					.contolDataOneDataViewTitleCont{float: left;  width: 100%;  height: 18px;  background-color: #DDDEE2;}
						.contolDataOneDataViewTitleCont h1{float: left; color: #5D5C6D; font-size: 12px; font-family: Tahoma; font-weight: bold; padding-top: 2px;padding-left: 10px;}
						.caseStatusesScrollArrows{float:right; width:85px; margin-right:10px; height:18px;}
							#caseStatusesScrollArrowsLeft{float:left; height: 16px; width: 16px; margin-top:1px; margin-right:20px; background-color: #e0dfdf; cursor:pointer;}
							#caseStatusesScrollArrowsRight{float:left; height: 16px; width: 16px; margin-top: 1px; background-color: #e0dfdf; cursor: pointer;}
						
					.contolDataOneDataValueMainCont{float:left; width:95%;}
						.contolDataOneDataValueTabsContScrollDiv{float:left; width: 100%; height: 52px; overflow-x: hidden;}
						.contolDataOneDataValueTabsCont{list-style:none; float:left; width: 100%;  height: 45px; border-bottom: 1px solid #a8a8a8;   margin-top: 5px;}
						
							.contolDataOneDataValueTabsCont li{float:left; min-width: 100px; height: 42px; background-color: rgb(209, 209, 209); border: 1px solid #a8a8a8; margin-left: 5px;}
								.contolDataOneDataValueTabsCont li a{float:left; text-align: left; padding-left: 46px;padding-right: 20px;padding-top: 14px;color: #3b3b3b;font-size: 8pt;font-family: Tahoma; background-repeat: no-repeat; background-position: 10%, 10%; height: 27px;}
							.contolDataOneDataValueTabsCont .ui-tabs-active{background-color: rgb(238, 238, 238);}
							
						.contolDataOneDataValueDataCont{float:left; width:100%;  min-height:300px; background-color:#ffffff; border-left:1px solid #9DA0AA; border-right:1px solid #9DA0AA;}
				
				/*CASE VIEW (THIS IS SUB CSS)*/
					.contolDataOneDataValueCaseClientCont{float:left; width:249px; height:300px;}
						.contolDataOneDataCaseValueNameCont{float:left; width:236px; height:138px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
								.contolDataOneDataCaseValueNameTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataCaseValueNameTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataCaseValueNameDataCont{float:left; width:100%; height:119px;}
									.contolDataOneDataCaseValueNameDataCont ul{float:left; width:100%; height:119px; list-style:none;}
										.contolDataOneDataCaseValueNameDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.contolDataOneDataCaseValueNameDataCont ul li p{float: left;
																						width: 90px;
																						height: 18px;
																						color: #201f35;
																						font-size: 12px;
																						padding-right: 10px;
																						text-align: right;
																						font-family: Tahoma;
																						padding-top: 2px;}
											.contolDataOneDataCaseValueNameDataCont ul li input{float:left; width:125px; height:18px; border:1px solid #9da0aa;}
								/* .table_doc_transfer{ border:1px solid #9da0aa; width:100%;}
								.table_doc_transfer th {font-size:10px !important;color:#212121;  border: 1px solid #9da0aa;}
								.table_doc_transfer td {font-size:10px !important;color:#212121;  border: 1px solid #9da0aa;} */
						
					.contolDataOneDataCaseValueContractCont{float:left; width:290px; height:138px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
					.contolDataOneDataCaseValueContractTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
								-webkit-border-top-left-radius: 5px;
								-webkit-border-top-right-radius: 5px;
								-moz-border-radius-topleft: 5px;
								-moz-border-radius-topright: 5px;
								border-top-left-radius: 5px;
								border-top-right-radius: 5px;
						}
						.contolDataOneDataCaseValueContractTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
					.contolDataOneDataCaseValueContractDataCont{float:left; width:100%; height:119px;}
						.contolDataOneDataCaseValueContractDataCont ul{float:left; width:100%; height:119px; list-style:none;}
							.contolDataOneDataCaseValueContractDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
								.contolDataOneDataCaseValueContractDataCont ul li p{float: left;
																			width: 147px;
																			height: 18px;
																			color: #201f35;
																			font-size: 12px;
																			padding-right: 10px;
																			text-align: right;
																			font-family: Tahoma;
																			padding-top: 2px;}
								.contolDataOneDataCaseValueContractDataCont ul li input{float:left; width:121px; height:18px; border:1px solid #9da0aa;}
			
					
					.contolDataOneDataCaseValueContractPriceCont{float:left; width:234px; height:138px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
					.contolDataOneDataCaseValueContractPriceTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
								-webkit-border-top-left-radius: 5px;
								-webkit-border-top-right-radius: 5px;
								-moz-border-radius-topleft: 5px;
								-moz-border-radius-topright: 5px;
								border-top-left-radius: 5px;
								border-top-right-radius: 5px;
						}
						.contolDataOneDataCaseValueContractPriceTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
						.contolDataOneDataCaseValueContractPriceTitleCont img {float: right; cursor: pointer; margin-right: 10px; margin-top: -17px;}
					.contolDataOneDataCaseValueContractPriceDataCont{float:left; width:100%; height:119px;}
						.contolDataOneDataCaseValueContractPriceDataCont ul{float:left; width:100%; height:119px; list-style:none;}
							.contolDataOneDataCaseValueContractPriceDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
								.contolDataOneDataCaseValueContractPriceDataCont ul li p{float: left;
																			width: 92px;
																			height: 18px;
																			color: #201f35;
																			font-size: 12px;
																			padding-right: 10px;
																			text-align: right;
																			font-family: Tahoma;
																			padding-top: 2px;}
								.contolDataOneDataCaseValueContractPriceDataCont ul li input{float:left; width:121px; height:18px; border:1px solid #9da0aa;}
					
					
						.contolDataOneDataValueCaseInfoCont{float:left; width:532px; height:283px; background-color:#ebecef;  border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
								.contolDataOneDataValueCaseInfoTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueCaseInfoTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueCaseInfoDataCont{float:left; width:100%; height: 261px; overflow-y: scroll;}
								.contolDataOneDataValueCaseInfoDataCont ul{float:left; width:100%; min-height:119px; list-style:none;}
									.contolDataOneDataValueCaseInfoDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
										.contolDataOneDataValueCaseInfoDataCont ul li p{float: left;
																					width: 325px;
																					height: 18px;
																					color: #201f35;
																					font-size: 12px;
																					padding-right: 10px;
																					text-align: right;
																					font-family: Tahoma;
																					padding-top: 2px;}
										.contolDataOneDataValueCaseInfoDataCont ul li input{float:left; width:152px; height:18px; border:1px solid #9da0aa;}
										.contolDataOneDataValueCaseInfoDataCont ul li input[type=button]{width: 30px; float: left; margin-left: -30px; cursor:pointer;}
					#tabs_transfer{display:none;}
				/*CASE VIEW (THIS IS SUB CSS)*/

				
					
				/*CUSTOMER VIEW (THIS IS MAIN CSS)*/
				
									.contolDataOneTopTitleTabsCont{list-style:none; float:left; max-width:155px; min-height:150px; border: 1px solid #c2c4cb; margin-top: 5px; margin-left: 5px;
													margin-right: 0px; border-top-left-radius: 5px;}
										.contolDataOneTopTitleTabsCont li{float:left; min-width: 100px; height: 42px; background-color: rgb(209, 209, 209); border: 1px solid #a8a8a8; margin-top: 5px;}
										.contolDataOneTopTitleTabsCont li a{float:left; text-align: left; padding-left: 46px;padding-right: 20px;padding-top: 14px;color: #3b3b3b;font-size: 8pt;font-family: Tahoma;     min-width: 83px; background-repeat: no-repeat; background-position: 10%, 10%; height: 27px;}
										
										.contolDataOneTopTitleTabsCont .ui-tabs-active{background-color: rgb(238, 238, 238);}
				
						.contolDataOneTopCont{float:left; width:1337px; min-height:150px;}
							.contolDataOneDataValueNamePassCont{float:left; width:445px; height:300px;}
								.contolDataOneDataValueNameCont{float:left; width:433px; height:138px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
								.contolDataOneDataValueNameTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px; 
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueNameTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueNameDataCont{float:left; width:100%; height:119px;}
									.contolDataOneDataValueNameDataCont ul{float:left; width:100%; height:119px; list-style:none;}
										.contolDataOneDataValueNameDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.contolDataOneDataValueNameDataCont ul li p{float: left;
																						width: 90px;
																						height: 18px;
																						color: #201f35;
																						font-size: 12px;
																						padding-right: 10px;
																						text-align: right;
																						font-family: Tahoma;
																						padding-top: 2px;}
											.contolDataOneDataValueNameDataCont ul li input{float:left; width:280px; height:18px; border:1px solid #9da0aa;}
								

								.contolDataOneDataValuePassCont{float:left; width:275px; height:138px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
								.contolDataOneDataValuePassTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValuePassTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValuePassDataCont{float:left; width:100%; height:119px;}
									.contolDataOneDataValuePassDataCont ul{float:left; width:100%; height:119px; list-style:none;}
										.contolDataOneDataValuePassDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.contolDataOneDataValuePassDataCont ul li p{float: left;
																						width: 130px;
																						height: 18px;
																						color: #201f35;
																						font-size: 12px;
																						padding-right: 10px;
																						text-align: right;
																						font-family: Tahoma;
																						padding-top: 2px;}
											.contolDataOneDataValuePassDataCont ul li input{float:left; width:121px; height:18px; border:1px solid #9da0aa;}


								.contolDataOneDataValueOldPassCont{float:left; width:150px; height:138px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
								.contolDataOneDataValueOldPassTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueOldPassTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueOldPassDataCont{float:left; width:100%; height:119px;}
									.contolDataOneDataValueOldPassDataCont ul{float:left; width:100%; height:119px; list-style:none;}
										.contolDataOneDataValueOldPassDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.contolDataOneDataValueOldPassDataCont ul li input{float:left; width:121px; height:18px; border:1px solid #9da0aa; margin-left: 13px;}



							.contolDataOneDataValueCustInfoCont{float:left; width:317px; height:283px; background-color:#ebecef;  border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
								.contolDataOneDataValueCustInfoTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueCustInfoTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueCustInfoDataCont{float:left; width:100%; height:119px;}
								.contolDataOneDataValueCustInfoDataCont ul{float:left; width:100%; height:119px; list-style:none;}
									.contolDataOneDataValueCustInfoDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
										.contolDataOneDataValueCustInfoDataCont ul li p{float: left;
																					width: 140px;
																					height: 18px;
																					color: #201f35;
																					font-size: 12px;
																					padding-right: 10px;
																					text-align: right;
																					font-family: Tahoma;
																					padding-top: 2px;}
										.contolDataOneDataValueCustInfoDataCont ul li input{float:left; width:152px; height:18px; border:1px solid #9da0aa;}
							
							
							
							.contolDataOneDataValueCustInfo2Cont{float:left; width:317px; height:283px; background-color:#ebecef;  border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
								.contolDataOneDataValueCustInfo2TitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueCustInfo2TitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueCustInfo2DataCont{float:left; width:100%; height:119px;}
								.contolDataOneDataValueCustInfo2DataCont ul{float:left; width:100%; height:119px; list-style:none;}
									.contolDataOneDataValueCustInfo2DataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
										.contolDataOneDataValueCustInfo2DataCont ul li p{float: left;
																					width: 140px;
																					height: 18px;
																					color: #201f35;
																					font-size: 12px;
																					padding-right: 10px;
																					text-align: right;
																					font-family: Tahoma;
																					padding-top: 2px;}
										.contolDataOneDataValueCustInfo2DataCont ul li input{float:left; width:152px; height:18px; border:1px solid #9da0aa;}
						


						.contolDataOneTop2Cont{float:left; width:1200px; height:200px;}
							.contolDataOneDataValueCommersCont{float:left; width:433px; height:155px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
								.contolDataOneDataValueCommersTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueCommersTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueCommersDataCont{float:left; width:100%; height:135px;}
									.contolDataOneDataValueCommersDataCont ul{float:left; width:100%; height:135px; list-style:none;}
										.contolDataOneDataValueCommersDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.contolDataOneDataValueCommersDataCont ul li p{float: left;
																						width: 221px;
																						height: 18px;
																						color: #201f35;
																						font-size: 12px;
																						padding-right: 10px;
																						text-align: right;
																						font-family: Tahoma;
																						padding-top: 2px;}
											.contolDataOneDataValueCommersDataCont ul li input{float:left; width:190px; height:18px; border:1px solid #9da0aa;}
							
							.contolDataOneDataValueOtherCont{float: left;
															  width: 317px;
															  height: 155px;
															  background-color: #ebecef;
															  border: 1px solid #c2c4cb;
															  margin-top: 5px;
															  margin-left: 10px;
															  -webkit-border-radius: 5px;
															  -moz-border-radius: 5px;
															  border-radius: 5px;}
								.contolDataOneDataValueOtherTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueOtherTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueOtherDataCont{float:left; width:100%; height:119px;}
									.contolDataOneDataValueOtherDataCont ul{float:left; width:100%; height:119px; list-style:none;}
										.contolDataOneDataValueOtherDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.contolDataOneDataValueOtherDataCont ul li p{float: left;
																						width: 126px;
																						height: 18px;
																						color: #201f35;
																						font-size: 12px;
																						padding-right: 10px;
																						text-align: right;
																						font-family: Tahoma;
																						padding-top: 2px;}
											.contolDataOneDataValueOtherDataCont ul li input{float:left; width:174px; height:18px; border:1px solid #9da0aa;}
							
							.contolDataOneDataValueDrvCont{float:left; width:317px; height:155px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
								.contolDataOneDataValueDrvTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueDrvTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueDrvDataCont{float:left; width:100%; height:119px;}
									.contolDataOneDataValueDrvDataCont ul{float:left; width:100%; height:119px; list-style:none;}
										.contolDataOneDataValueDrvDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.contolDataOneDataValueDrvDataCont ul li p{float: left;
																						width: 114px;
																						height: 18px;
																						color: #201f35;
																						font-size: 12px;
																						padding-right: 10px;
																						text-align: right;
																						font-family: Tahoma;
																						padding-top: 2px;}
											.contolDataOneDataValueDrvDataCont ul li input{float:left; width:184px; height:18px; border:1px solid #9da0aa;}
								.contolDataOneTableLikeCont{float: left; width: 93%; min-height: 150px; margin-top: 5px; margin-left: 1%; margin-right: 1%; border: 1px solid #9da0aa; overflow-x: auto;}
									.contolDataOneTableLikeCont table{float:left; width: 100%; min-height:50px; border-spacing: 0; border-collapse: separate;}
									.contolDataOneTableLikeCont table tbody thead{float:left; width: 100%; min-height:50px;}
									.contolDataOneTableLikeCont table tbody  tr{width: 100%;}
									.contolDataOneTableLikeCont table thead  tr{width: 100%;}
									.contolDataOneTableLikeContActive{background-color: rgb(246, 204, 204);}
										.contolDataOneTableLikeTitleCont{background-color: #f4f5f6;}
									.contolDataOneTableLikeCont table tbody th{height: 44px;
																				 background-color: #f4f5f6;
																				 border-right: 1px solid #cacbd3;
																				 color: #201f35;
																				 font-size: 12px;
																				 padding-left: 10px;
																				 font-weight: normal;
																				 padding-right: 10px;
																				 font-family:Tahoma;
																				 vertical-align: middle;
																				 border-bottom: 1px solid #cacbd3;}	
									.contolDataOneTableLikeCont table thead th{height: 44px;
																				 background-color: #f4f5f6;
																				 border-right: 1px solid #cacbd3;
																				 color: #201f35;
																				 font-size: 12px;
																				 padding-left: 10px;
																				 font-weight: normal;
																				 padding-right: 10px;
																				 font-family:Tahoma;
																				 vertical-align: middle;
																				 border-bottom: 1px solid #cacbd3;}
									.contolDataOneTableLikeCont table tbody td{padding-left: 10px;  padding-right: 10px; color: #201f35; font-size: 12px; border-right: 1px solid #cacbd3;  font-family:Tahoma; vertical-align: middle; padding-top: 3px; padding-bottom: 3px;  border-bottom:1px solid #cacbd3; text-align: center;}
									.contolDataOneTableLikeCont table tbody td input{border:none;}
										.contolDataOneTableLikeCont table tbody td input:focus{ outline: 0;}
										
									.contolDataOneTableLikeCont table tbody td textarea{border:none;}
										.contolDataOneTableLikeCont table tbody td textarea:focus{ outline: 0;}	
										
									.contolDataOneTableLikeCont table tbody td select{border:none;}
										.contolDataOneTableLikeCont table tbody td select:focus{ outline: 0;}
											.gridCommentInput{width:300px;}
								
								
								.contolDataOneTableLikeBottomCont{float: left; width: 93%; height: 42px; margin-left: 1%; margin-right: 1%; border-left: 1px solid #9da0aa; border-right: 1px solid #9da0aa; border-bottom: 1px solid #9f9f9f; background-color: #f2f2f2; margin-bottom: 299px;}
						/*CUSTOMER VIEW (THIS IS MAIN CSS)*/		
						
						/*SALE ORDER VIEW*/
							.contolDataOneDataValueSaleOrderMainCont{float:left; width:440px; min-height:138px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
								.contolDataOneDataValueSaleOrderMainTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueSaleOrderMainTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueSaleOrderMainDataCont{float:left; width:100%; height:159px;}
									.contolDataOneDataValueSaleOrderMainDataCont ul{float:left; width:100%; min-height:119px; list-style:none;}
										.contolDataOneDataValueSaleOrderMainDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.contolDataOneDataValueSaleOrderMainDataCont ul li p{float: left;
																						width: 174px;
																						height: 18px;
																						color: #201f35;
																						font-size: 12px;
																						padding-right: 10px;
																						text-align: right;
																						font-family: Tahoma;
																						padding-top: 2px;}
											.contolDataOneDataValueSaleOrderMainDataCont ul li input{float:left; width:246px; height:18px; border:1px solid #9da0aa;   font-family: tahoma;font-size: 12px; text-indent: 0.2em;}
						
						/*SALE ORDER VIEW*/
					
		/*Grid Design*/
		
		
		
		/*SMARTLINE UI STYLER*/
			.smartUITabs{list-style:none; float:left; width: 100%;  height: 45px; border-bottom: 1px solid #a8a8a8;}
			.smartUITabs li{float:left; min-width: 100px; height: 42px; background-color: rgb(209, 209, 209); border: 1px solid #a8a8a8; margin-right:3px;}
				.smartUITabs li a{float:left; text-align: left; padding-left: 46px;padding-right: 20px;padding-top: 14px;color: #3b3b3b;font-size: 8pt;font-family: Tahoma; background-repeat: no-repeat; background-position: 10%, 10%; height: 27px;}
			.smartUITabs .ui-tabs-active{background-color: rgb(238, 238, 238);}
		/*SMARTLINE UI STYLER*/
		
		
		/*MINI POPUP DESIGN*/
			#miniPopUpCont{margin: 0 auto; width: 780px; height: 600px;}
				.miniPopUpSearchCont{float:left; width:100%; height:91px; margin-top:5px; background-color:#fbfbfc;}
					.miniPopUpSearchContUpdateCont{float:left; width:75px; height:89px; border:1px solid #bcbec6; cursor:pointer;}
						.miniPopUpSearchContUpdateCont img{float:left; width:39px; height:35px; margin-left:18px; margin-right:18px; margin-top:10px;}	
						.miniPopUpSearchContUpdateCont p{text-align:center; width:100%; color: #201f35; font-size: 12px; padding-top: 5px; font-family: Tahoma;}	

						
					.miniPopUpSearchContSearchLabelsCont{float:left; width:581px; height:89px; border-top:1px solid #bcbec6; border-bottom:1px solid #bcbec6;}
						
						.miniPopUpSearchContSearchLabelsFirstUL{float:left; width:175px; height:89px; list-style:none;}
							.miniPopUpSearchContSearchLabelsFirstUL li{float:left; width:175px; margin-top: 5px;}
							.miniPopUpSearchContSearchLabelsFirstUL li p{float: left; width: 63px; height: 17px; color: #201f35; font-size: 12px; padding-top: 5px; font-family: Tahoma; padding-left: 7px;}
							.miniPopUpSearchContSearchLabelsFirstUL li input{float:right; width:100px; height:22px;}
							.miniPopUpSearchContSearchLabelsFirstUL li select{float:right; width:100px; height:22px;}
							
						.miniPopUpSearchContSearchLabelsSecondUL{float:left; width:200px; height:89px; list-style:none;}
							.miniPopUpSearchContSearchLabelsSecondUL li{float:left; width:200px; margin-top: 5px;}
							.miniPopUpSearchContSearchLabelsSecondUL li p{float: left; width: 90px; height: 17px; color: #201f35; font-size: 12px; padding-top: 5px; font-family: Tahoma; padding-left: 7px;}
							.miniPopUpSearchContSearchLabelsSecondUL li input{float:right; width:100px; height:22px;}
							.miniPopUpSearchContSearchLabelsSecondUL li select{float:right; width:100px; height:22px;}
						
						
						.miniPopUpSearchContSearchLabelsThirdUL{float:left; width:200px; height:89px; list-style:none;}
							.miniPopUpSearchContSearchLabelsThirdUL li{float:left; width:200px; margin-top: 5px;}
							.miniPopUpSearchContSearchLabelsThirdUL li p{float: left; width: 90px; height: 17px; color: #201f35; font-size: 12px; padding-top: 5px; font-family: Tahoma; padding-left: 7px;}
							.miniPopUpSearchContSearchLabelsThirdUL li input{float:right; width:100px; height:22px;}
							.miniPopUpSearchContSearchLabelsThirdUL li select{float:right; width:100px; height:22px;}
						
					.miniPopUpSearchContActionsCont{float:left; width:120px; height:89px; border:1px solid #bcbec6; cursor:pointer;}
						.miniPopUpSearchContActionsCont img{float: left; width: 39px; height: 35px; margin-left: 40px; margin-right: 41px; margin-top: 10px;}	
						.miniPopUpSearchContActionsCont p{text-align:center; width:100%; color: #201f35; font-size: 12px; padding-top: 5px; font-family: Tahoma;}
					
					
					
				.miniPopUpDataMainCont{float:left; width:780px; height:400px; margin-top: 3px;   overflow: hidden;}	
					.miniPopUpTitleCont{float:left; width:778px; height:34px; background-color:#ebecef; border-top:1px solid #9da0aa; border-left:1px solid #9da0aa; border-right:1px solid #9da0aa;}
						.miniPopUpTitleCont p{color:#c7c0cf; font-size:13px; text-align:left; padding-left:10px; padding-top: 9px;}
					.miniPopUpDataCont{float:left; width:778px; min-height:46px; padding-bottom:0px; background-color:#ffffff; border:1px solid #cacbd3;}
						.miniPopUpDataCont table{float:left; width:100%; min-height:46px; border-collapse: collapse; border-spacing: 0;}
						.miniPopUpDataCont table tbody{width:100%; min-height:46px;}
							.miniPopUpDataContTitleTr{width:100%; height:46px; background-color:#f3f4f5;}
								.miniPopUpDataContTitleTr td{height:46px; border-right:1px solid #cacbd3;}
									.miniPopUpDataContTitleTr td p{text-align:center; color:#201f35; font-size:16px; font-family:Tahoma; font-size: 14px; padding-top: 13px;   padding-left: 7px; padding-right: 7px;}
							
							.miniPopUpDataContDataTr{width:100%; height:22px; background-color:#ffffff;}
								.miniPopUpDataContDataTr td{height:22px; border-right:1px solid #cacbd3; border-top:1px solid #cacbd3;  vertical-align: middle;}
									.miniPopUpDataContDataTr td p{text-align:center; color:#201f35; font-size:16px; font-family:Tahoma; font-size: 12px; padding: 5px;}
							 
							.miniPopUpDataContDataTrAct{width:100%; height:22px; background-color:#e2eafd;}
								.miniPopUpDataContDataTrAct td{height:22px; border-right:1px solid #cacbd3; border-top:1px solid #cacbd3;  vertical-align: middle;}
									.miniPopUpDataContDataTrAct td p{text-align:center; color:#201f35; font-size:16px; font-family:Tahoma; font-size: 12px; padding: 5px;}
									
									
				.miniPopUpDataSelectCont{  float: left; width: 678px; height: 24px; border: 1px solid #c2c4cb; margin-top: 3px; padding-left: 100px; background-color: #ebecef;}
					.miniPopUpDataSelectCont input{float:left; width:95px; height:24px; background-repeat: no-repeat; background-color:#ebecef; background-position:left; padding-left:23px;   margin-right: 20px; font-size:12px; font-family:Tahoma; cursor:pointer;}
				
				
		/*MINI POPUP DESIGN*/
		
		/*POP DESIGN*/
			#tabs{width:99.8% !important; float:left; overflow:hidden;}
			#request_data {clear: both; margin: 0 auto;width: 500px;  padding-top: 70px;}
				.request_data{height: 34px;}
				#searchRow {padding-top: 22px;height: 50px;display: inline-table;padding-left: 26px;}
				#searchRow input[type='text']{width:300px;}
			#searchRow{}
			#popUpCont{margin: 0 auto; width: 100%; height: 700px;}
			#popUpCont_open{position:relative;width:100%;height:440px;}
			#popUpCont_window{position:absolute;top:40%;left:29%;width:43%; overflow:hidden;border:1px solid #c0c0c0;z-index:999;background:#fff;padding:20px;border-radius:3px;}
			#popUpCont_window p{font: 12px Tahoma;font-weight:bold;color:red;}
			#popUpCont_window ul{margin-top:20px;}
			#popUpCont_window li{font: 12px Tahoma; list-style:none; margin:5px;}
			#popUpCont_window button{font: 12px Tahoma; margin:5px;text-align:center;}
			
				#headCont{float:left; width:100%; height:50px;  /* border:1px solid #c0c0c0; */  border-bottom:3px solid #D20000; }
					#firmLogo{float:left; width:50%; height:100%;}
						#firmLogo img{width: 330px;height: 37px;padding-top: 5px;padding-left: 5px;}
					#popMode{float:left; width:50%; height:100%;}
					#popMode p{text-align:right; font: 14px Tahoma; padding-top:15px; padding-right:15px;}
				#dataCont{float:left; width: 100%; min-height:460px;  /* border:1px solid #c0c0c0; */}
					#popDataGrid{float:left; width:100%; min-height:200px;}
						.popDataGridIframe{float:left; width:80%; margin-left:10%; margin-right:10%; margin-top:100px;}
						.popDataGridTable{float: right; display: block;width: 500px;min-height: 5px;margin-top: 30px;margin-right: 23px;}
						.popDataGridTable tbody tr{}
						.popDataGridTable tbody tr td{font: 12px Tahoma; text-align:right; padding-top:5px; padding-bottom:5px;}
						.popDataGridTable tbody tr td select{width: 249px;}
						
						.popDataContTable{display: block;width: 95%;min-height: 5px;margin-top: 30px;margin-left: 2%;}
						.popDataContTable tbody tr{}
						.popDataContTable tbody tr td{font: 12px Tahoma; text-align:right; padding-top:5px; padding-bottom:5px;}
						.popDataContTable tbody tr td select{width: 249px;}
							.popDataGridTableTitle{}
							.popDataGridTableData{width:300px;}
								.popDataGridTableDataText{width:83%;}
								.popDataGridTableDataTextArea{width:83%; padding:0px; resize: none; height: 120px; padding-left: 5px; padding-top: 5px;padding-left: 5px;}
							.checkboxLabelReg{text-align: left; float: left; min-width: 56px;padding-left: 52px; margin-top: 9px;}
							.checkboxReg{float:left; margin-top: 9px;}
					#popBottom{float:left; width:100%; padding-top:20px; border-top:1px solid #D20000; margin-bottom: 60px;}
						#popBottom p input{cursor:pointer;}
						
					.imgHolder{float:left; width:100%; margin-top:5px; margin-bottom:20px;  border-collapse: separate;
							border: 1px solid #c0c0c0; 
							color: #333333;}
							.imgHolderHeader{height:50px;color:black;font-size:14px;border-bottom: 1px solid #D0D0D0;background-color:#F4F4F4;color: #000000;}
								.imgHolderHeader td{ border: 1px Solid #9F9F9F; padding-top:15px;}
						.imgHolder tr td{text-align:center;}
							.imgHolderRow{font-family: Tahoma; font-size: 10pt;}
							.imgHolderRow:hover{cursor:pointer;}
							.imgHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px;}
						
							.manualCommentBox{float:left; width: 249px; height: 44px; resize: vertical;}
					.bankAcntHolder{float:left; width:100%; margin-top:5px; margin-bottom:20px;  border-collapse: separate;
							border: 1px solid #c0c0c0; 
							color: #333333;}
							.bankAcntHolderHeader{height:50px;color:black;font-size:14px;border-bottom: 1px solid #D0D0D0;background-color:#F4F4F4;color: #000000;}
								.bankAcntHolderHeader td{ border: 1px Solid #9F9F9F; padding-top:15px;}
						.bankAcntHolder tr td{text-align:center;}
							.bankAcntHolderRow{font-family: Tahoma; font-size: 10pt;}
							.bankAcntHolderRow:hover{cursor:pointer;}
							.bankAcntHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px;}
							.bankAcntHolderRow td select{width:100%;}
							.bankAcntHolderRow td input[type="text"]{width:100%;}
					
					
					.custConnHolder{float:left; width:100%; margin-top:5px; margin-bottom:20px;  border-collapse: separate;
							border: 1px solid #c0c0c0; 
							color: #333333;}
							.custConnHolderHeader{height:50px;color:black;font-size:14px;border-bottom: 1px solid #D0D0D0;background-color:#F4F4F4;color: #000000;}
								.custConnHolderHeader td{ border: 1px Solid #9F9F9F; padding-top:15px;}
						.custConnHolder tr td{text-align:center;}
							.custConnHolderRow{font-family: Tahoma; font-size: 10pt;}
							.custConnHolderRow:hover{cursor:pointer;}
							.custConnHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px;}
							.custConnHolderRow td select{width:100%;}
							.custConnHolderRow td input[type="text"]{width:100%;}
					
					
					.custOptionHolder{float:left; width:100%; margin-top:5px; margin-bottom:20px;  border-collapse: separate;
							border: 1px solid #c0c0c0; 
							color: #333333;}
							.custOptionHolderHeader{height:50px;color:black;font-size:14px;border-bottom: 1px solid #D0D0D0;background-color:#F4F4F4;color: #000000;}
								.custOptionHolderHeader td{ border: 1px Solid #9F9F9F; padding-top:15px;}
						.custOptionHolder tr td{text-align:center;}
							.custOptionHolderRow{font-family: Tahoma; font-size: 10pt;}
							.custOptionHolderRow:hover{cursor:pointer;}
							.custOptionHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px;}
							.custOptionHolderRow td select{width:100%;}
							.custOptionHolderRow td input[type="text"]{width:100%;}

					
					.prodRelHolder{float:left; width:100%; margin-top:5px; margin-bottom:20px;  border-collapse: separate;
							border: 1px solid #c0c0c0; 
							color: #333333;}
							.prodRelHolderHeader{height:50px;color:black;font-size:14px;border-bottom: 1px solid #D0D0D0;background-color:#F4F4F4;color: #000000;}
								.prodRelHolderHeader td{ border: 1px Solid #9F9F9F; padding-top:15px;}
						.prodRelHolder tr td{text-align:center;}
							.prodRelHolderRow{font-family: Tahoma; font-size: 10pt;}
							.prodRelHolderRow:hover{cursor:pointer;}
							.prodRelHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px;}
							.prodRelHolderRow td select{width:100%;}
							.prodRelHolderRow td input[type="text"]{width:100%;}
					
					
					
					.pFileHolder{float:left; width:100%; margin-top:5px; margin-bottom:20px;  border-collapse: separate;
							border: 1px solid #c0c0c0; 
							color: #333333;}
							.pFileHolderHeader{height:50px;color:black;font-size:14px;border-bottom: 1px solid #D0D0D0;background-color:#F4F4F4;color: #000000;}
								.pFileHolderHeader td{ border: 1px Solid #9F9F9F; padding-top:15px;}
						.pFileHolder tr td{text-align:center;}
							.pFileHolderRow{font-family: Tahoma; font-size: 10pt;}
							.pFileHolderRow:hover{cursor:pointer;}
							.pFileHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px;}
							.pFileHolderRow td select{width:100%;}
							.pFileHolderRow td input[type="text"]{width:100%;}
					
					
					
					.custPhoneHolder{float:left; width:100%; margin-top:5px; margin-bottom:20px;  border-collapse: separate;
							border: 1px solid #c0c0c0; 
							color: #333333;}
							.custPhoneHeader{height:50px;color:black;font-size:14px;border-bottom: 1px solid #D0D0D0;background-color:#F4F4F4;color: #000000;}
								.custPhoneHeader td{ border: 1px Solid #9F9F9F; padding-top:15px;}
						.custPhoneHolder tr td{text-align:center;}
							.custPhoneHolderRow{font-family: Tahoma; font-size: 10pt;}
							.custPhoneHolderRow:hover{cursor:pointer;}
							.custPhoneHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px;}
							.custPhoneHolderRow td select{width:100%;}
							.custPhoneHolderRow td input[type="text"]{width:100%;}
				
				
					.catDetValHolder{float:left; width:100%; margin-top:5px; margin-bottom:20px;  border-collapse: separate;
							border: 1px solid #c0c0c0; 
							color: #333333;}
							.catDetValHeader{height:50px;color:black;font-size:14px;border-bottom: 1px solid #D0D0D0;background-color:#F4F4F4;color: #000000;}
								.catDetValHeader td{ border: 1px Solid #9F9F9F; padding-top:15px;}
						.catDetValHolder tr td{text-align:center;}
							.catDetValHolderRow{font-family: Tahoma; font-size: 10pt;}
							.catDetValHolderRow:hover{cursor:pointer;}
							.catDetValHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px;}
							.catDetValHolderRow td select{width:100%;}
							.catDetValHolderRow td input[type="text"]{width:100%;}
					
					
				.popUpGridName{float:right; text-align:left;  width:80%; margin-left:10%; margin-right:10%; margin-top:20px;}
					.popUpGridName p{color: #333333; font-size: 10pt; font-weight: bold; height: 16px;}
				.popUpGridControl{width:100%;  float:left; background-color: #E8E8F0; border: solid 1px #cccccc; margin-top:10px;}
				.popUpGridControl tbody tr td{font: 12px Tahoma; color: black; text-align:center; height:30px; padding-top:7px;}
				.popUpGridControl tbody tr td:hover{cursor:pointer; color:white; background-color: rgb(204, 204, 204);}
				.popUpGridBody{display:block; float:right; width:80%; font: 12px Tahoma; color: black; margin-right:80px; margin-left:80px; border: solid 1px #cccccc; margin-top:10px;}
					.popUpGridTitle td{background-image: url(../ico/grid_head.gif); background-repeat: repeat-x; border: 1px solid #9c9ab7; font-weight: normal; text-align: center; height:25px; padding-top:4px;}
					.popUpGridData {border-bottom: 1px solid #c8c8d9;}
					.popUpGridData td{ padding: 2px 6px 5px; text-align:center;}
					
					.popSectedGridDataRow{border-bottom: 1px solid #c8c8d9;}
					.popSectedGridDataRow td{ padding: 2px 6px 5px; text-align:center; background-color: rgb(246, 204, 204)}
				
				
				.multySelectlabel{float:left; width: 80%; margin-top:20px; margin-bottom:20px; margin-left:10%; margin-right:10%;}
				
				.comunalSeparator{float:left; width: 98%; margin-left:1%; margin-top:5px; margin-top: 20px; margin-right:1%; background-color:#E4E5E9; height:25px; 
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;}	
							.comunalSeparator p{text-align: center;font-size: 14px;color: #0000BB;padding-top: 4px;font-weight: bold;}				
							.comunalSeparatorCont{float:left; width: 98%; margin-left: 1%; margin-right: 1%; min-height:40px;}
				
				.popUpGridDivControl{float: left; width:100%; background-color: #E8E8F0; border: solid 1px #cccccc; margin-top: 10px; padding-bottom: 27px;}
				
					
				.textEditorTittle{float: left; text-align:left; padding-top: 10px;width: 95%; padding-left:5%; font: 12px Tahoma;}	
				.textEditor{float:left; width:100%; min-height:20px; margin-top:20px; margin-bottom:10px;}
				.defaultIMGEditor{float:left; width:100%; min-height:20px; margin-top:20px; margin-bottom:10px;}
					
		/*POP DESIGN ENDING*/
		.dxgvLoadingPanel {border: 1px solid #9F9F9F; background-color: #E3E3E1; font: 12px Tahoma; color: #303030;}
		.dx{float:left;     margin: 9px;}
		
		/*Client Back-end DESIGN*/
		.one2GroupsCont{float:left; width:100%;}
			.oneGroupCont{float:left; width:380px; height:200px; margin-left:50px; margin-right:50px; margin-top:50px; border:1px dashed black; }
			.oneGroupCont p{text-align:center; padding-top:100px;}
		
		
		
.active{background-color:rgb(246, 204, 204);}		
		
		/*Client Back-end DESIGN ENDING*/
		
	/*ChangePass*/	
	#pass{margin: 27px 10px 10px 10px;}
		.change{margin:10px;}
			.change span{display:inline-block;margin-right:28px; font-size:13px; font-family:inherit;}
		input[type=submit]{margin:7px; border-radius:1px;}

	.repeatpass{display:inline-block;margin-right:3px !important;}
	#modal{position:absolute;top:30%;left:40%;z-index:99; display:none;background:#fff;border-radius:5px;box-shadow:5px 5px 5px 5px gray;}
	.dayoff_doc{display:none;}
	.dayoff_doc  li{}
	#dayoff_doc:hover .dayoff_doc{ display:block;}
		
.mainCurInfoTabloCont {position: absolute;width: 350px;  background-color: white;right: 132px; top: 45px;  z-index: 12000; visibility: visible;  border: 3px solid #d1d1d1; padding: 9px 12px;}
	.mainCurInfoTabloCont ul{float: left; width: 100%;list-style: none; border-bottom: 1px solid #BCBCBC;margin-top: 7px;}
		.mainCurInfoTabloCont ul li {float: left;width: 100%;padding-top: 2px;padding-bottom: 2px;color: #666666;font-family: Tahoma;font-size: 9pt;}
		
		
		/*dashboard design*/
		
		.mainDashbordCont{float:left; width:100%; background-color:#ffffff; min-height: 100%;}
			.mainDashbordLeftCont{float:left; width:65%; margin-left:3%; margin-top:30px; border:1px solid #bebcbd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
				.mainDashbordTitleCont{float:left; width:100%; background-color:orange; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
				.mainDashbordTitleCont p{color:#ffffff; padding: 10px; font-family: tahoma;}
				.mainDashbordLeftCont_ul{float:left; width: 100%; list-style: none;}
				.mainDashbordLeftCont_ul_li{float:left; margin:10px;}
				.mainDashbordLeftCont_ul_li h1{float:left; width:100%; text-align:center; font-weight:bold; font-size:48px; color:#115592; font-family: Arial;}
				.mainDashbordLeftCont_ul_li h1 a{font-weight:bold; font-size:48px; color:#115592; font-family: Arial;}
				.mainDashbordLeftCont_ul_li h2{float:left; text-align: center; width: 100%; padding: 2px; border: 1px solid #bebcbd; color: #32312f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 14px;}
				.mainDashbordLeftCont_div{float:left; width:100%; border-top:1px solid #bebcbd;}
				.mainDashbordLeftCont_div p:first-child{float:left; width:40%; padding:10px; text-align:left; color:#4d4d57;}
				.mainDashbordLeftCont_div p:last-child{float:right; width:40%; padding:10px; text-align:right; color:#4d4d57;}
				.mainDashbordTitleCont_green{background-color:#2eaf07 !important;}
				.mainDashbordTitleCont_red{background-color:#c21700 !important;}
			.mainDashbordRightCont{float: right;
						width: 24%;
						margin-left: 3%;
						margin-right: 2%;
						margin-top: 30px;
						border: 1px solid #bebcbd;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;}
			
		/*dashboard design*/
		
		.reportDateSelectCont{float:left; width:100%;}
		.reportDateSelectCont a{float: left; color: #001dff !important; margin-left: 5px; margin-right: 5px; text-decoration: underline;}
		
		
		/* customer block design */
			.cc-selector input{
					margin:0;padding:0;
					-webkit-appearance:none;
					   -moz-appearance:none;
							appearance:none;
				}

				.cc-selector-2 input{
					position:absolute;
					z-index:999;
				}

				.visa{background-image:url(../ico/drinks.gif)}
				.mastercard{background-image:url(../ico/aggressive.gif)}

				.cc-selector-2 input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc{opacity: .9;}
				.cc-selector-2 input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
					-webkit-filter: none;
					   -moz-filter: none;
							filter: none;
				}
				.drinkcard-cc{
					cursor:pointer;
					background-size:contain;
					background-repeat:no-repeat;
					display:inline-block;
					width:60px;height:30px;
					-webkit-transition: all 100ms ease-in;
					   -moz-transition: all 100ms ease-in;
							transition: all 100ms ease-in;
					-webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
					   -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
							filter: brightness(1.8) grayscale(1) opacity(.7);
				}
				.drinkcard-cc:hover{
					-webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
					   -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
							filter: brightness(1.2) grayscale(.5) opacity(.9);
				}
		
		
		/* customer block design */