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

div.grouplist{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Navy;
	line-height:normal !important
}

div.grouplist ul{
	text-align:left;
    padding-left: 0px;
}

div.grouplist ul li{
	display:inline-block;
	/*width:45%;*/
}

div.grouplist ul.errormsg{ /* SMV - 19 Nov 2012 - To display error message in center rather than on left - for DS */	
	text-align:center;
	margin:5px 0;
}

div.grouplist ul li span.grouplabel{
	/*min-width:100px;*/
	/*min-width:80px; NTI-150923-RD15B - KL - 08/12/2016*/
    width:80px;
	display:inline-block;
	font-weight:bold;
	text-align:right;
	padding-right:5px;
    word-wrap: break-word;
    white-space:pre-wrap;
}

div.grouplist ul.block li{
	display:block;
	width:100%;
}

div.grouplist input[type="text"], div.grouplist select, div.grouplistgrid div.footer input[type="text"]{
	border-radius: 4px;
	border: #ccc solid 1px;
	background-color: #ffffff;
	margin: 5px 0px;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	min-width:160px;
	/*min-width:155px;  SMV - 19 Nov 2012 - To avoid dropdown goin next line after selection in IE - for DS */	
}

div.grouplist select {  /* SMV - 12 Nov 2012 - To make HTML dropdown align - for DS */	
	width:190px;
}

div.grouplist select option {  /* SMV - 30 Nov 2012 - To maintain white/blank space in dropdown - for DS */	
	white-space:pre-wrap !important
}

div.grouplist input:focus[type="text"], div.grouplist select:focus, div.searchbox input:focus[type="text"], div.grouplistgrid div.footer input:focus[type="text"]{
	border: #536cb3 solid 1px !important;
	background-color:#ffffff !important;
}

div.grouplist input[type="submit"], div.grouplist input[type="button"] {
		background-color:#ecebeb;
		background-image: -moz-linear-gradient(top,  #f6f6f6,  #ecebeb);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ecebeb));
		border:#b9b9b8 solid 1px;
		border-bottom-width:2px;
		padding:3px 10px;
		border-radius: 5px;
		cursor:pointer;
		font-size:inherit;
}

div.grouplist input[type="submit"]:hover, div.grouplist input[type="button"]:hover, div.grouplist input[type="submit"]:focus, div.grouplist input[type="button"]:focus {
		background-color:#f6f6f6;
		background-image: -moz-linear-gradient(top,  #ecebeb,  #f6f6f6);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ecebeb), to(#f6f6f6));
		border-color:#b9b9b8;
}

/* Group List Styling */
div.grouplistgrid {
		background-color:#fff;		
		color:inherit;
		display:inline-block;
		/*min-width:300px;*/
		min-width:320px;
		border: #ccc solid 1px;
		border-radius:4px;
		box-shadow: 0 0 10px #333;
		position:absolute;
        z-index:1; /* NEU-140120-DS4A - CC-013375-RD19 - ML - 6/3/2014 - fix time distribution overlap issue */
}

div.grouplistgrid div.header {
		background-color:#E8ECF7;
		font-weight:bold;
		padding:5px;
		border-radius:4px 4px 0 0;
}

div.grouplistgrid div.header p {
		display:inline-block
}

div.grouplistgrid div.header span {
		float:right
}

div.grouplistgrid div.searchbox {
		margin:5px 0;
}

div.grouplistgrid div.searchbox label.label {
		min-width:50px;
		font-weight:bold
}

div.grouplistgrid div.searchbox input[type="text"]{
	border-radius: 4px;
	border: #ccc solid 1px;
	background-color: #ffffff;
	margin: 0;
	padding: 2px;
	text-align: left;
	vertical-align: middle;
	min-width:160px;
}

div.grouplistgrid div.content {
		margin:5px;		
		/*height:150px;*/
		overflow:auto;
		text-align:left;		
		padding:0;
		border:none;
		border-radius:0;
		min-height:0;
}

/******************************* LIST GRID STYLING *******************************/

table.listgrid{
		background-color:#ffffff;	
		border:#c9d1e4 solid 1px;
		border-collapse:collapse;
		width:100%;		
}

table.listgrid a{
		text-decoration:none;
		font-size:10px !important;
}

table.listgrid th, .listgridheader{ 
		background-color:#f0f2f8;
		border:#c9d1e4 solid 1px !important;
		padding:3px;
		border-bottom:#c9d1e4 solid 2px !important;
		text-align:center;
		font-weight:bold !important;	
}

table.listgrid th:hover, .listgridheader:hover{
		background-color:#ffffff;
		border-bottom:#4b61a2 solid 2px !important;
		cursor:default !important;	
}

table.listgrid th a, .listgridheader a{
		text-decoration:none !important;
		font-weight:bold !important;
}

table.listgrid td{
		padding:2px 5px;
		border:#ced0d4 solid 1px;		
}

table.listgrid tr{
		background-color:#ffffff;
}

table.listgrid tr:nth-child(odd){
		/*background-color:#f3f8ff;*/
		background-color:#e1e1fe;
}

table.listgrid tr.altrow{ /* to make it work on IE <= 8* to apply alternate row color */
		background-color:#e1e1fe;
}

table.listgrid tr.selected{ /* for selected row color */
		background-color:#d5eefa;
		font-weight:bold
}

table.listgrid tr:hover{
		background-color:#fffadc;
		cursor:pointer;
}

table.listgrid tr:last-child{
		border-bottom:#c9d1e4 solid 2px;
}

table.listgrid tr.lastrow{
		border-bottom:#c9d1e4 solid 2px;
}

div.grouplistgrid div.footer {
		background-color:#f0f2f8;
		padding:2px;
   		border:#c9d1e4 solid 1px; 
		color:inherit;
		text-align:left
}

div.grouplistgrid div.footer input[type="submit"], div.grouplistgrid div.footer input[type="button"] {
		min-width:10px !important;
}

div.grouplistgrid div.footer span.pagination{
		display:inline;
}

div.grouplistgrid div.footer span.pagination label{
		padding:2px 10px !important;
		text-align:center;
		display:inline-block;
		border-radius: 4px;
		border: #ccc solid 1px;
		background:#fff;
}

div.grouplistgrid div.footer span.pagerecord{
		float:right;
		display:inline-block;
}

div.grouplistgrid div.footer span.pagerecord label{
		font-weight:bold
}

div.grouplistgrid div.footer span.pagerecord input[type="text"]{
		width:30px !important; 
		min-width:30px;
		padding:1px !important;
		text-align:center;
		margin:0 !important;
}

/* Icon Buttons */

.icnbtn_16{
	background-image: none !important;
	background-position: center 10%;
	background-repeat:no-repeat;
	background-color:transparent !important;
	border:none !important;
	margin-right:2px;
	vertical-align: middle;
	height:20px !important;
	width:20px !important;
	cursor:pointer;
	box-shadow:none !important;
}

.icn_16_blank	{background-image:url(../toolbar/16/grey_tick.png) !important;}
.icn_16_modified{background-image:url(../toolbar/16/yellow_tick.png) !important;}
.icn_16_invalid	{background-image:url(../toolbar/16/red_tick.png) !important;}
.icn_16_valid	{background-image:url(../toolbar/16/tick.png) !important;}
.icn_16_search	{background-image:url(../toolbar/16/search.png) !important;}

.icn_16_pageprev{background-image:url(../toolbar/16/page_prev.png) !important;}
.icn_16_pagenext{background-image:url(../toolbar/16/page_next.png) !important;}
.icn_16_pagefirst{background-image:url(../toolbar/16/page_first.png) !important;}
.icn_16_pagelast{background-image:url(../toolbar/16/page_last.png) !important;}