/*

Main control CSS class
*/
.igdd_SeriouslyGreyControl
{
}
.igdd_SeriouslyGreyControl table tr td {
	display: table-cell!important;
}

/*
 Main Control CSS class when it's disabled
*/
.igdd_SeriouslyGreyControlDisabled
{
}


/*
 Main control css class on hover
*/
.igdd_SeriouslyGreyControlHover
{
	background-color:#FAFAFA;
}


/*

*/
.igdd_SeriouslyGreyControlFocus
{
	background-color:#FAFAFA;
	border:solid 1px #999999;
	table-layout: fixed;
	border-radius: .2rem;
}


.igdd_SeriouslyGreyControlArea
{
	border:solid 1px #C5C7CB;
	table-layout: fixed;
	border-radius: .2rem;
}

/*
 Button
*/
.igdd_SeriouslyGreyDropDownButton
{
	width: 21px;
	z-index: 9999;
	background-color:#F3F3F3;
	background-repeat:repeat-x;
	background-position:center center;
	background-image: url("images/igte_DropDownButtonBG.png");
	line-height: normal;
	cursor:pointer;
	color:Black;
	text-align:center;
	vertical-align:middle;
	border:solid 1px #717171;
	border-radius: .2rem;
}
.igdd_SeriouslyGreyDropDownButton img
{
	border:0 !important;
}
.igdd_SeriouslyGreyDropDownButtonHover
{
	width: 21px;
	background-color:#FAFDFE;
	background-repeat:repeat-x;
	background-position:center center;
	background-image: url("images/igte_DropDownButtonBGHover.png");
	text-align:center;
	vertical-align:middle; 
	border:solid 1px #717171;
}
.igdd_SeriouslyGreyDropDownButtonDisabled
{
	width: 21px;
	background-color:#FAFDFE;
	background-repeat:repeat-x;
	background-position:center center;
	background-image: url("images/igte_DropDownButtonBGHover.png");
	text-align:center;
	vertical-align:middle; 
	border:solid 1px #717171;
}
.igdd_SeriouslyGreyDropDownButtonFocus
{
	width: 21px;
	background-color:#F3F3F3;
	background-repeat:repeat-x;
	background-position:center center;
	background-image: url("images/igte_DropDownButtonBG.png");
	border:solid 1px #717171;
}


/*
CSS class for the actual input field (<input type="text" />)
*/
.igdd_SeriouslyGreyValueDisplay
{
	background-color:Transparent;
	font-size:.875rem;
	font-family: 'Roboto', sans-serif;
	border-width:0px;
	padding: .25rem!important;
	padding: .375rem .25rem!important;
	width: 100%;
	z-index: 0;
}


/*

*/
.igdd_SeriouslyGreyValueDisplayHover
{
}


/*

*/
.igdd_SeriouslyGreyValueDisplayFocus
{
}


/*

*/
.igdd_SeriouslyGreyValueDisplayDisabled
{
	background-color:Transparent;
	font-weight:normal;
	font-size:.875rem;
	font-family: 'Roboto', sans-serif;
	border-width:0px;
	width: 100%;
	z-index: 0;
}


/*

*/
.igdd_SeriouslyGreyValueDisplayReadOnly
{
}


/*

*/
.igdd_SeriouslyGreyDropDownList
{
	background-color:White;
	font-size:.875rem;
	font-family: 'Roboto', sans-serif;
	margin:0px;
	padding:1px;
}


/*

*/
.igdd_SeriouslyGreyDropDownListHover
{
}


/*

*/
.igdd_SeriouslyGreyDropDownListReadOnly
{
}


/*
	
*/
.igdd_SeriouslyGreyDropDownListContainer
{
	background-color:White;
	border:solid 1px #C5C7CB;
	float: left;
}


/*

*/
.igdd_SeriouslyGreyDropDownListContainerHover
{
}


/*
CSS class that controls the style of the LI items in the list
*/
.igdd_SeriouslyGreyListItem
{
	font-size:.875rem;
	font-family: 'Roboto', sans-serif;
	border:solid 1px Transparent;
	border-radius: .2rem;
	padding:3px 5px 3px 5px;
	list-style-type: none;
	width: auto;
	min-height: 15px;
	height: auto !important;
	cursor:pointer;
	

}
.igdd_SeriouslyGreyListItem a {
	color: #6c757d!important;
	text-decoration: none!important;
}	

/*

*/
.igdd_SeriouslyGreyListItemActive
{
	background-color:#AAAAAA;
	border:solid 1px transparent;
	list-style-type: none;
	
	border-color: #6c757d;
	background-color: rgba(108, 117, 125, 0.5);
	
}


/*

*/
.igdd_SeriouslyGreyListItemHover
{
	background-color:#D2D2D2;
	list-style-type: none;
}


/*

*/
.igdd_SeriouslyGreyListItemSelected
{
	background-color:#DDDDDD;
	list-style-type: none;
}


/*

*/
.igdd_SeriouslyGreyListItemDisabled
{
	list-style-type: none;
	width: auto;
	cursor:default;
}


/*
Applied to the whole pager
*/
.igdd_SeriouslyGreyPager
{
	background-color:WhiteSmoke;
	border-top:solid 1px #C5C7CB;
	vertical-align:middle;
}


/*
Loading message container
*/
.igdd_SeriouslyGreyLoadingItemsMessage
{
	background-color:DimGray;
	font-weight:bold;
	font-size:.875rem;
	font-family: 'Roboto', sans-serif;
	margin:1px 0px 0px 1px;
	padding:3px;
	color:White;
}


/*
Styles the current page link only
*/
.igdd_SeriouslyGreyPageCurrent
{
	font-size:.875rem;
	font-family: 'Roboto', sans-serif;
	margin-top:5px;
	margin-right:3px;
	float: left;
	cursor:pointer;
	color:DimGray;
	text-decoration:underline;
	vertical-align:middle;
}


/*
Styles all page links in general 
*/
.igdd_SeriouslyGreyPageLink
{
	font-size:.875rem;
	font-family: 'Roboto', sans-serif;
	margin-top:5px;
	margin-right:3px;
	float: left;
	cursor:pointer;
	color:#333333;
	vertical-align:middle;
}


.igdd_SeriouslyGreyNullText
{
}

.igdd_SeriouslyGreyListItemActive a link
{
	color:White;
	text-decoration:none;
}


.igdd_SeriouslyGreyListItem a visited
{
	color:#333333;
	text-decoration:none;
}


/*
Styling for anchor when hovered anywhere on ListItem
*/
.igdd_SeriouslyGreyListItemHover a link
{
	color:White;
	text-decoration:none;
}


.igdd_SeriouslyGreyListItem a hover
{
}


/*

*/
.igdd_SeriouslyGreyDropDownListFocus
{
}


/*

*/
.igdd_SeriouslyGreyListItemFocus
{
	list-style-type: none;
	width: auto;
}


/*

*/
.igdd_SeriouslyGreyDropDownListDisabled
{
}


/*
For Disabled=True of a DropDownItem
*/
.igdd_SeriouslyGreyListItemDisabled a link
{
	cursor:default;
	color:#CCCCCC;
}


/*
 CSS class for the table that accomodates the value display and the drop down button, and which is a 
 child of the main control (div)
*/
.igdd_SeriouslyGreyValueDisplayTable
{
}


.igdd_SeriouslyGreyListItem a active
{
}


/*

*/
.igdd_SeriouslyGreyDropDownListContainerFocus
{
}


/*
pseudo class used so Value Display input does not have focus
glow in some browsers like GoogleChrome or AppleSafari
*/
input focus
{
	outline: none;
}


.igdd_SeriouslyGreyListItem a link
{
	color:#333333;
	text-decoration:none;
}



