label{
	display: inline-block;
	font-size: 11px;
 	white-space: nowrap;
}
textarea{
	border: 1px solid #ddd; width: 97%
}

#dvloading{
	width: 100%; height:100%; position: absolute; z-index: 9999; color: #1a7bc9; font-size: 16px; background: #FFF; text-align: center; padding-top: 150px;line-height: 25px;
}

.dvloader{
	width: 100%; height:100%; position: absolute; z-index: 9999; color: #1a7bc9; font-size: 16px; background: #FFF; text-align: center; padding-top: 350px;line-height: 25px;
}

.datagrid-footer-inner tr:first-child {
	background-color: #1a7bc9;color: #fff;font-weight: bold;
}

.datagrid-header .datagrid-htable tr:first-child { 
	background-color: #d4deea;color: #15428b;font-weight: bold;
}


body{
	min-width: 1024px;
}


.vtable label{
	display:block;
	font-weight: bold;
	text-align: left;
}

.txt30{
	width:30% !important; 
}

.txt40{
	width:40% !important; 
}

.txt50{
	width:50% !important; 
}
.txt60{
	width:60% !important; 
}

.mdtable{
	width:auto;
}

.mdtable label{
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 1px;
	font-size: 11px;
}

.mdtable textarea{
	border: 1px solid #ddd; width: 99%
}

td {
	text-align: right;
}
td.right span{
	width: 100px;
}


.dsbtn{
	color: #fff;
	border: none;
	cursor: pointer;
	width: 16px;
	height: 16px;
	margin-left:5px;
}

/*	1366 X 768 	*/
/*	1920 X 1080	*/
/*	1024 X 768	*/
/*	1280 X 800	*/
/*	1440 X 900 	*/
/*	1600 X 900	*/
/*	1280 X 720	*/

.left{
	float: left;
	margin: 5px; 
	padding:0px;
}

.right{
	float: right;
	margin: 5px; 
	padding:0px;
}
.compact,  .compact label{
	min-width: 100px !important;
	text-align: right;
	margin-bottom: 5px;
}
.compact input{
	font-weight: bold;
	text-align: right;
}

.compact .blue input{
	color: #15428b;
}
.blue{
	color: #15428b;
}

.compact .red input{
	color: #9c1717;
}
.red{
	color: #9c1717;
}

.compact .orange input{
	color: #b95c09;
}
.orange{
	color: #b95c09;
}

.compact .green input{
	color: #0c750c;
}

.green{
	color: #0c750c;
}

.dstable label{
	display: inline-block;
	font-size: 11px;
	text-align: left;
	padding: 2px 0px 1px 0px;
}

.dstable td{
	vertical-align: top;
	text-align: left;
	padding-right: 5px;
}

.dstable td.lbl{
	font-weight: bold;
}

 

.dstable td.val >label{
	color: #15428b;
}

.dstable textarea{
	border: 1px solid #ddd; width: 99%
}

/*.dstable td span.textbox {  
	width: 100% ;  
}*/

.dstable td span.textbox-disabled {  
	background-color:rgb(235, 235, 228);
}

.dstable td.lbl{ 
	text-align: left;
} 

.dstable td.tex50  span.textbox{  
	width: 47% !important;  
}

.ds-1 td.lbl{ 
	width: 140px; 
	text-align: left;
}

.ds-9 td span.textbox {  
	width: 82% !important;  
}

@media screen and (min-width: 1024px) and (max-width: 1280px) { 
	.dstable{
		width: 1024px;
	}

	.ds-1{
		width:275px;
	}
	.ds-2{
		width:550px;
	}
	.ds-3{
		width:825px;
	}
	.ds-4{
		width:1000px;
	}
	.ds-5{
		width:1000px;
	}
	.ds-9{
		width:1000px;
	}
}

@media screen and (min-width: 1281px) and (max-width: 1366px) { 
	.dstable{
		width: 1280px;
	}

	.ds-1{
		width:285px;
	}

	.ds-2{
		width:550px;
	}

	.ds-3{
		width:800px;
	}

	.ds-4{
		width:1100px;
	}

	.ds-5{
		width:1250px;
	}

	.ds-9{
		width:1250px;
	}
 

}

@media screen and (min-width: 1367px) and (max-width: 1920px) { 
	.dstable{
		width: 1500px;
	}

	.ds-1{
		width:285px;
	}

	.ds-2{
		width:550px;
	}

	.ds-3{
		width:800px;
	}

	.ds-4{
		width:1300px;
	}

	.ds-5{
		width:1400px;
	}

	.ds-9{
		width:1400px;
	}
 
} 


/*
.ds-2 select{
	width:171px;
}
.ds-2 td span.textbox  {  
	width: 210px; 
}
.ds-2 td.lbl{ 
	width: 140px; 
	text-align: left;
}
.ds-2 td.txt100 span{ 
	width: 305px !important; 
	text-align: left;
}
.ds-2 td.txt100 textarea{ 
	width:420px !important; 
	text-align: left;
}


.ds-3 td span.textbox  {  
	width: 210px; 
}
.ds-3 td.lbl{ 
	width: 140px; 
	text-align: left;
}
.ds-3 td textarea{ 
	width:170px !important; 
	text-align: left;
}
.ds-3 td.txt66 span{ 
	width: 505px !important; 
	text-align: left;
}
.ds-3 td.txt66 textarea{ 
	width:490px !important; 
	text-align: left;
}


.ds-4 td span.textbox {  
	width: 171px !important;  
}
.ds-4 td.lbl{ 
	text-align: left;
}
.ds-4 td.tex50 span.textbox {  
	width: 490px  !important;  
}
.ds-4 td.tex50 textarea{
	width: 490px  !important;  
}
.ds-4 td.penalty  span.textbox {
	width: 70px !important;
}

.ds-5 td span.textbox {  
	width: 100% !important;
}
.ds-5 td.lbl{ 
	text-align: left;
}
.ds-5 td.tex50 textarea{
	width:  100% !important;  
}

.ds-6 label{
	width: auto;
	min-width: 85px;
}
.ds-6 td span.textbox {  
	width: 120px !important;  
}
.ds-6 td.tex50 span.textbox {  
	width: 371px !important;  
}
.ds-6 td.lbl{ 
	text-align: left;
}
.ds-6 textarea{
	width: 370px !important;  
}


.ds-9 td.lbl{ 
	text-align: left;
}
*/