/** Just the extra classes at the moment, which them merges into the DevExpress theme
    TODO: Add these classes into a custom DX Theme if possible

*/


/* Floating anchored button for feedback */
.feedback_button
{
    position: fixed;
    bottom: 15px;
    right:10px;
    z-index:9999;
}

/* Login box styles */
.login_instructions {
    background-color: transparent;
    text-align: left;
    font-size: small;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid gray;
}

/*Styles for kiosk mode alert screens*/

.dpalert_title
{
	font-size: 18pt;
	font-weight:bold;
	color: inherit;
}

.dpalert
{
	font-size: 18pt;
	font-weight:bold;
	color: inherit;
}

.dpalert_overdue
{
	font-size: 18pt;
	font-weight: bold;
	color: #ff3300;
}


/* Messages as shown on homepage (alerts div) */
.HomepageAlert
{
    border: thin solid #663300;
    /*margin: 2px 2px 2px 2px;*/
    padding: 2px 2px 2px 2px;
    color: #990000;
    font-weight: bold;
}

/* For descriptive help at the top of each page. Normally styled similar to the HomePageAlert above, but with less
   alert colors, and also not always boxed. */

.DescriptiveHelpText
{
    border: thin solid #CFD6E9;
    padding: 4px 10px 4px 10px;
    color: #000099;
    font-weight: bold;
    font-size: large;
}


/* Styles for draggable DIV element which can then be controlled by the Javascript */
.alertsBoxTitle{
                font-family: Verdana,Arial,Sans-serif,'Times New Roman';
                font-size: 9pt;
                font-weight: bold;
                font-style: normal;
                color: #ffffff;
                text-decoration: none;
}
.alertsBox
{
	background-color: #fdf5e6;
	border: 2px #4e4e4e solid;
}

/* End of draggable DIV styles */

/* Tabs - table cells which have style set depending on selected status
*/
TD.Tab
{
    white-space: nowrap;
    padding-left: 5px;
    border-color: #333333;
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    font-weight: lighter;
    background-color: LemonChiffon;
}

td.TabSelected
{
    white-space: nowrap;
	padding-left: 5px;			/* internal padding */
	border-color: #333333;
	border-right: 1px solid;
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: none;
	font-weight: bold;
	background-color: White;        /*Transparent;*/
}

td.TabPadding
{
    background-color: #CCCCCC;
	border-color: #333333;
	border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: 1px solid;
}

td.TabPanel
{
	border-color: #333333;
	border-left:1px solid;
	border-right: 1px solid;
	border-bottom: 2px solid;
	border-top: none;			/* because the tabstrip defines the top border in the frame */
}

.privatemessagelist
{
	font-size:8pt;
}

.warning
{ 
    font-weight: bold;
    background-color: bisque; 
    border: inherit;                /*because ASPxGridview loses the border if this style is applied */
}

.highlight
{
    COLOR: white;
    BACKGROUND-COLOR: #666666
}

INPUT.radio
{
    COLOR: #000000;
    BACKGROUND-COLOR: #cecede
}

TABLE.StandardMessage
{
}

TH.MessageTable
{
	color:White;
	background-color: black;
}


/* New styles for webparts on homepage, based loosely on the menu table style */
.homepage_webpart
{
    font-size: 10pt;
    color: #000000;
}

TABLE.homepage_webpart
{
    BORDER-RIGHT: #63637b 1px solid;
    BORDER-TOP: #63637b 1px solid;
    BORDER-LEFT: #63637b 1px solid;
    COLOR: black;
    BORDER-BOTTOM: #63637b 1px solid;
    BACKGROUND-COLOR: #ffffff;
}

td.homepage_webpart
{
    padding-left: 5px;
    border-top:1px solid #DEDEDE;
    border-bottom:1px solid #DEDEDE;
}

tr.homepage_webpart
{
    /*COLOR: #ffffff;
    BACKGROUND-COLOR: #666666;*/
    padding: 0px 2px 0px 2px;

}
th.homepage_webpart
{
    height: 20px;
    padding-left: 5px;
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    /*BACKGROUND-IMAGE: url(/images/xp_header_silver.gif);*/
    BACKGROUND-IMAGE: url(/images/toolbar_bg.gif);
    BORDER-LEFT: 0px solid;
    COLOR: wheat;
    BORDER-BOTTOM: 1px solid;
    /*BACKGROUND-COLOR: #cccccc;*/
    BACKGROUND-COLOR: #751212;
    TEXT-ALIGN: left
}

/**********************************************************/

.menu
{
    /*font-family: Verdana, Tahoma, Arial, Helvetica; */
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
}

TABLE.menu
{
    BORDER-RIGHT: #63637b 1px solid;
    BORDER-TOP: #63637b 1px solid;
    BORDER-LEFT: #63637b 1px solid;
    COLOR: white;
    BORDER-BOTTOM: #63637b 1px solid;
    BACKGROUND-COLOR: #DEDEDE
}
TR.menu
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #666666;
    padding: 0px 2px 0px 2px;

}
TH.menu, .menuheader
{
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    /*BACKGROUND-IMAGE: url(/images/xp_header_silver.gif);*/
    BACKGROUND-IMAGE: url(/images/toolbar_bg.gif);
    BORDER-LEFT: 0px solid;
    COLOR: #000000;
    BORDER-BOTTOM: 1px solid;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: left
}

.menu_hover
{
    FONT-SIZE: 8pt;
    /*COLOR:  BLUE; */   /*Moccasin         Color has no affect here, must be in the <a> css */
    BACKGROUND-COLOR: #aaaaaa;
    cursor:pointer;
}

/*
Use td.menu_hover_cell class to define additional decoration/effects for the table cell.
As the cell is also class .menu_hover, it should inherit all the attributes from there (?)
For the td.menu, if we apply a border to the hover, we also apply a clear border, otherwise
the menu resizes strangely! Set the border color to the background color of the table.
*/
td.menu
{
    border-top:1px solid #DEDEDE;
    border-bottom:1px solid #DEDEDE;
}


/* Classes for displaying popup and other messages */
table.popupmessage
{
    BORDER-RIGHT: #010101 1px solid;
    BORDER-TOP: #63637b 1px solid;
    BORDER-LEFT: #63637b 1px solid;
    BORDER-BOTTOM: #63637b 1px solid;
    COLOR: black;
    BACKGROUND-COLOR: #DEDEDE;
}

th.popupmessage
{
	padding-left: 5px;
    BORDER-RIGHT: 0px solid black;
    BORDER-TOP: 0px solid black;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    /*BACKGROUND-IMAGE: url(/images/xp_header_silver.gif);*/
    /* BACKGROUND-IMAGE: url(/images/toolbar_bg.gif); */
    BORDER-LEFT: 0px solid black;
    COLOR: #000000;
    BORDER-BOTTOM: 1px solid black;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: left
}

td.popupmessage
{
	padding-left:5px;
	text-align:left;
	color:Black;
	font-size:10pt;
}



td.data
{
	border-left:gray 1px solid;
	border-bottom: gray 1px solid;
}

/* Hover highlight for table data. (Applied to the parent Table Row tag) */
tr.data_highlight
{
    background-color: #F5DEB3;
}

/* Un-highlight table data rows. Defaults back to showing the underlying color.*/
tr.data
{
    background-color:transparent;
}

table.data
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	/* can we define cellpadding = 2 and cellspacing = 0 here? */

}

/*** Style classes for standard and tailored reports ***/
/* for table data, this standardises the colors etc for all grid totals and subtotals */
th
{
	background-color: gray; 
	color: lemonchiffon;
	text-align:left;	/* as this is the normal alignment for th on data */
	vertical-align:	baseline;
	}

th.monthlabel	
{
	text-align:right;
	vertical-align:middle}

/* for the title lines of the page which are displayed in the top banner */
.Report_PageTitle	{color:Maroon; font-size: 16pt; font-weight:bold}

/* for table data, this standardises the colors etc for all grid totals and subtotals */
.monthlabel_alt	{color:#555555; background-color: #cccccc; text-align:right;}
.data		 {/*background-color: #DEEBFE; */ text-align:right}
.data_alt	 {background-color: #bbbbbb; text-align:right}
.subtotal_l1
{
	color: black;
	text-align: right;
	font-weight: bold;
	border-bottom: gray 1px solid;
	background-color: #ffcc99;
}
.alt_subtotal_l1	
{
	color:black; 
	background-color: #bbbbbb; 
	text-align:right; 
	font-weight:bold;	
	border-left:gray 1px solid;
	border-bottom: gray 1px solid;}
.subtotal_l2, .alt_subtotal_l2 {background-color:Gray; color: Yellow;}

.grandtotal, .alt_grandtotal  
{
	text-align: right;
	background-color:Gray; 
	color:yellow; 
	font-weight:bold;
}

th.grandtotal {text-align:left;}


.error
{
	font-size:18pt;
	font-weight:bold;
	text-decoration:line-through;
	color: Black;
	background-color: Red;
}

td.menu_hover
{
    /*COLOR: #666666; */
    /*BACKGROUND-COLOR: #aaaaaa; */             /* Try a darker gray */
    /*cursor:pointer; */
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

A.menu
{
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    /*color: #9999cc;*/
    /* margin-left: 10px; */
}
A.menu:link
{
    FONT-SIZE: 8pt;
    font-weight:normal;
    text-decoration: none;
}

A.menu:hover
{
    /*COLOR: #ffcc44;*/
	font-size: 8pt;
    BACKGROUND-COLOR: #aaaaaa;
	font-weight:normal;
    text-decoration: none;
}
A.menu:visited
{
    /*COLOR: #ffcc44;*/
    font-weight:normal;
    TEXT-DECORATION: none
}
A.menu_hover
{
    COLOR:  yellow;           /*#FFE4B5; */   /*Moccasin  */
    font-weight:bold;           /* This might cause the items to scroll strangely in the menu when hovered */
    TEXT-DECORATION: underline
}
A.menu_hover:link
{
    /*COLOR: black;*/
    TEXT-DECORATION: none;
}
A.menu_hover:visited
{
    /*COLOR: black;*/
    TEXT-DECORATION: none;
}
A.menu_hover:hover
{
    TEXT-DECORATION: none;
}
.toolbar
{
    FONT-SIZE: 8pt;
	 height: 24px;
    BACKGROUND-COLOR: #cecece;
	 background-image: url(/images/toolbar_bg.gif%27);	
	 padding-top:4px;
	 padding-left:4px;
}
TEXTAREA
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica
}
INPUT
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica
}
SELECT
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica
}
BUTTON
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica
}
.Footer
{
    FONT-SIZE: 8pt
}
.CategoryHeader
{
    FONT-SIZE: 9pt;
    BACKGROUND-IMAGE: url(/forum/images/xp_header_silver.gif);
    COLOR: #000000;
    BACKGROUND-COLOR: #DCDCDC;
}
.CategoryCell
{
    FONT-SIZE: 9pt;
    BACKGROUND-IMAGE: url(/forum/images/xp_header_silver.gif);
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #efefef
}
.ForumTable
{
    BORDER-RIGHT: #63637b 1px solid;
    BORDER-TOP: #63637b 1px solid;
    BORDER-LEFT: #63637b 1px solid;
    BORDER-BOTTOM: #63637b 1px solid;
    BACKGROUND-COLOR: #efefef
}
.ForumHeader
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND-IMAGE: url(/forum/images/xp_header_silver.gif);
    VERTICAL-ALIGN: top;
    BORDER-LEFT: 0px;
    COLOR: #000000;
    BORDER-BOTTOM: 0px;
    BACKGROUND-COLOR: #e7e7ef;
    TEXT-ALIGN: center
}
.ForumFooter
{
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #e7e7ef
}
.ForumFirstCell
{
    FONT-SIZE: 9pt;
    BACKGROUND-COLOR: #dedee7
}
.ForumAltCell
{
    FONT-SIZE: 9pt;
    BACKGROUND-COLOR: #b5bdce
}
.ForumCell
{
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #efefef
}
HR.Forum
{
    COLOR: #63637b;
    height: 1px
}
.NavTable
{
    BORDER-RIGHT: #63637b 1px solid;
    BORDER-TOP: #63637b 1px solid;
    BORDER-LEFT: #63637b 1px solid;
    BORDER-BOTTOM: #63637b 1px solid;
    BACKGROUND-COLOR: #bdbdce
}
.NavHeader
{
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND-IMAGE: url(/forum/images/xp_header_silver.gif);
    BORDER-LEFT: 0px solid;
    COLOR: #000000;
    BORDER-BOTTOM: 1px solid;
    BACKGROUND-COLOR: #cecece
}
.NavCell
{
    BORDER-RIGHT: #efefef 0px;
    BORDER-TOP: #efefef 1px;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #efefef 0px;
    COLOR: white;
    BORDER-BOTTOM: #efefef 1px;
    BACKGROUND-COLOR: #42425e;
    TEXT-ALIGN: left
}
A.NavCell
{
    FONT-WEIGHT: bold;
    COLOR: #dedee7;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.NavCell:visited
{
    FONT-WEIGHT: bold;
    COLOR: #dedee7;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.NavCell:hover
{
    FONT-WEIGHT: bold;
    COLOR: #FF6347;                 /*tomato */
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: underline
}
TH.headline
{
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND-IMAGE: url(/forum/images/xp_header_silver.gif);
    BORDER-LEFT: 0px solid;
    COLOR: #000000;
    BORDER-BOTTOM: 1px solid;
    BACKGROUND-COLOR: #cecece
}
.headline
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #42425e
}
.NavCell_Hover
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 1px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BORDER-LEFT: 0px;
    COLOR: black;
    BORDER-BOTTOM: 1px;
    BACKGROUND-COLOR: #efefef
}
INPUT.NavCell
{
    BORDER-RIGHT: thin inset;
    BORDER-TOP: thin inset;
    FONT-SIZE: 8pt;
    BORDER-LEFT: thin inset;
    COLOR: #000000;
    BORDER-BOTTOM: thin inset;
    BACKGROUND-COLOR: #666666
}
TABLE.q_category
{
}
TH.q_category_header
{
}
TD.q_category_header
{
}
INPUT.q_NavCell
{
}
TD.calendar_weekday
{
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #ffffc0
}
TD.calendar_weekendday
{
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #454545
}
TD.calendar_nonday
{
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #ffffdf
}
TD.calendar_today
{
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #454545
}
A.bottom_bar
{
    FONT-SIZE: 8pt;
    COLOR: #ffcc44
}
A.bottom_bar:link
{
    FONT-SIZE: 8pt;
    COLOR: #ffcc44
}

A.bottom_bar:hover
{
    COLOR: #ffcc44;
	 text-decoration: underline;
}

A.bottom_bar:visited
{
    COLOR: #ffcc44;
    /*TEXT-DECORATION: underline; */
	/* leaving text-decoration unset means it inherits from the anchor attributes */
}

@media print
{
	.printonly	{display:inline;} /* {display:inline;} */
	.screenonly	{display:none;}       /* normally should be set to none */
	
	.subtotal_l1
		{
			border-top:1px solid gray;
			border-bottom:1px solid gray;
			background-color:#DDDDDD;
			color:Black;
			font-weight:bold;
		}
		
	.subtotal_l2
		{
			border-top:1px solid black;
			border-bottom:2px solid black;
			background-color:#DDDDDD;
			color:Black;
			font-weight:bold;
			text-align:right;
		}
	
	
	.grandtotal
		{
			border-top:1px solid black;
			border-bottom:2px solid black;
			background-color: #CCCCCC;
			color:Black;
			font-weight:bold;
		}

}

@media screen
{
	.printonly	{display:none;}
	.screenonly	{display:inline;}
}

/* Classes for ASP.NET Ajax Controls etc */
.modalBackground
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopUp
{
    background-color: #ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
}

/* for the title lines of the page which are displayed in the top banner */
.pagetitle	{color:Maroon; font-size: 16pt; font-weight:bold}

/* for exporting grids to Excel, the styles should be clear. ExcelGridview CSS class is used for this */
.ExcelGridview
{
    background-color:Green;
}

.ExcelGridview td
{
    background-color:Yellow;
}

/* File Manager CSS Classes */
.FileManager_FileList
{
    background-color: #FFF5EC;
}

.FileManagerNavLinks
{
    color: gray;            /* This only affects the last item on the Breadcrumb trail */
    /* background-color: Gray; */
    text-align:left;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    /*padding-left: 5px;*/
}


A.FileManagerNavLinks
{
    /* FONT-SIZE: 8pt; */
    COLOR: black;
    border: 1px solid transparent;
}

A.FileManagerNavLinks:link
{
    COLOR: black;
    border: 1px solid transparent;           /* 1px solid white;*/
}

A.FileManagerNavLinks:hover
{
    /* Setting styles here saves complicated Javascript. Could be adopted for use in the Menu class */
    /*color: #ffcc44; */
    /*background-color: #FFF5EC;*/
    text-decoration: underline;
    border: 1px solid transparent;
}

A.FileManagerNavLinks:visited
{
    COLOR: black;
    border: 1px solid transparent;       /* 1px solid white; */

    /*TEXT-DECORATION: underline; */
	/* leaving text-decoration unset means it inherits from the anchor attributes */
}

.TopBanner
{
    /* CSS3 gradients to replace our old Filter:progid one which is only compatible with IE5+.
          However, the CSS3 versions are not compatible with IE until version 10, so is there any way
          to put the old one in for the old browser, but this one for all of the others? */
          
    /* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top left, #848BA8 0%, #CFD6E9 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top left, #848BA8 0%, #CFD6E9 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top left, #848BA8 0%, #CFD6E9 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #848BA8), color-stop(1, #CFD6E9));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top left, #848BA8 0%, #CFD6E9 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom right, #848BA8 0%, #CFD6E9 100%);
}

/* DIV and asp:label styles for error message highlighting */
/* Although it doesn't seem to work correctly on a label for some reason
   (Because I wasn't referencing this stylesheet, that's why :D)
*/
.ErrorMessage
{
    border: thin solid #661100;
    /*margin: 2px 2px 2px 2px;*/
    padding: 4px 10px 4px 10px;
    color: crimson;
    font-weight: bold;
    font-size: large;
}


/* FEM: NoInputData is where there is YTD data but no data has been input yet. Highlights columns in List/Gridviews*/
.AEM_NoInputData {
    background-color: bisque; 
    font-weight: bold;
}

.AEM_TableWarning {
    background-color: bisque; 
    font-weight: bold;
}


.AEM_TableHeader {
    color: lemonchiffon;
    background-color: gray;
    font-weight: normal;
}

.AEM_TableTotal {
    font-weight:bold;
}

/* 
    DevExpress style to make Gridview Command Buttons appear on separate lines.
    https://www.devexpress.com/Support/Center/Question/Details/Q320560 
	
	Changing this seems to have absolutely no effect. Oh hang on, wrong site!! Bloody difficult this is. And INAS
	
	height works. Have to shift+refresh to see the change though.
	border doesn't do owt.
	display:block - I wonder if thats the thing, should it be inline? I don't really know
	                but at least I am making some progress with this now!
					
	I really do NAS though, going to just have to go for it as I think this is likely to be the explosive one!
	Went, tried, nothing. Just a massive gassy fart.

	This is set by the "<Styles><CommandColumnItem CssClass="GridCommandButton"></CommandColumnItem></Styles> in the GridView on ExchangeStatus.aspx
	Didn't like mu just adding another name by the looks of it..
	
	I had:
	.GridCommandButton
	.GridCommandButton_25
	{
		(style bits)
	}
	
	and with that construct it just reverted to the default.
	If I just have the 1 classname it does work.

	Seems to need to be in the css sheet referenced in the master page though, regardless of what CoPilot might think.
	
	I do believe I've got it now, so can move onto something else or something.
	This is where it needs to be tweaked though for sure.
	Would be good if you could see the css cascades somewhere in the page source view or something
	*/
	.GridCommandButton_25
	{
		display:block !important; 			/* This is the one which makes it go on separate lines. inline-block puts it all on the same line */
		line-height: 1px !important;	 	/* Bigger values make bigger spaces although still too big.. possibly the padding or margin?
											and smaller (like 7px for example) still makes it pad out the other lines.
											or becuase I've added !important it overrides other styling or something.. */
		padding: 0 !important;
		margin: 2px 4px !important;			/* top+bottom, left+right. Odd, that makes them jump out from the left of the cell, pretty ineffective */
		vertical-align: middle;
		text-align:left; 					/* this bit works fine */
		color:purple !important;			/* no effect unless !important */
		font-size: 11px;						/* works */
		padding-bottom: 0px !important;				/* no effect unless !important */
	}
	
	/* What CoPilot suggested: */
	/*.dxgvCommandColumn a,
	.dxgvCommandColumn 
	.dxgvCommandButton {
		display: inline-block !important;
		line-height: normal !important;
		padding: 0 !important;
		margin: 0 2px !important;
		vertical-align: middle;
	} */