/* WorkQueue.css
 *
 * Contains only CSS definitions for a particular page
 *  Ex: .MyStyle or #MyElementId
 *  NOT: Body, Fieldset, Table, etc.
 *
 * Notes:
 *     - Please use pt for font-sizes instead of px.
 *       For more info, go to http://www.bigbaer.com/css_tutorials/css_font_size.htm
 *
 *
 */
#WorkQueues a:link
{
	color: #FFFFFF;
}

#WorkQueues a:visited
{
	color: #FFFFFF;
}

.IGridPagerStyle
{
	border-width: 1px;
	border-style: Solid;
	background-color: #2461BF;
	color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-top-width: 1px;
	border-left-color: #FFFFFF;
	border-left-width: 1px;
}

.IGridHeaderStyle
{
	border-color: #000000;
	border-style: solid;
	color: black;
	background-color: #E0E3E8;
	border-top-color: #FFFFFF;
	border-top-width: 1px;
	border-left-color: #FFFFFF;
	border-left-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	padding: 3px;
}

.IGridGroupByStyle
{
	background-color: #B5CFF7;
}

.IGridBandLabelStyle
{
	background-color: #6372D4;
	color: #FFFFFF;
}

.IGridRowSelectorStyle
{
	border-color: #8080FF;
	background-color: #507CD1;
}

.IGridFooterStyle
{
	border-width: 1px;
	border-style: solid;
	background-color: #E0E3E8;
	font-weight: bold;
	border-top-color: #FFFFFF;
	border-top-width: 1px;
	border-left-color: #FFFFFF;
	border-left-width: 1px;
}

/* The selectors here are a hacky way of dealing with a strange behavior of the Infragistics web grid: when the grid is first
   rendered, the original row style (here .IGridRowStyle) will be applied to the <tbody> element of the table that comprises
   the grid, while the original alternate row style (here .IGridRowAlternateStyle) will be applied to alternate <tr> elements.
   However, if the user then sorts the grid by clicking one of its column headers, both styles are instead applied at the <td>
   level! Needless to say, this can cause a dramatic change in the appearance of the grid if these styles aren't qualified
   with element types, so we use selectors that attempt to apply the styles at the <td> level regardless of where in the table
   the properties are being applied. */
td.IGridRowStyle, tbody.IGridRowStyle td
{
	/*border-width: 1px;
	border-color: #808080;
	border-style: solid;*/
	background-color: #EEF0F6;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	/*border-top-color: #FFFFFF;
	border-top-width: 0px;
	border-left-color: #FFFFFF;*/
	padding: 3px;
}

td.IGridRowAlternateStyle, tr.IGridRowAlternateStyle td
{
	/*border-width: 1px;
	border-color: #808080;
	border-style: solid;
	color: #000000;*/
	background-color: #FFFFFF;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	/*border-top-color: #C5CADB;
	border-top-width: 0px;
	border-left-color: #C5CADB;*/
	padding: 3px;
}
	
.IGridGroupByRowStyle
{
	color: #000000;
	background-color: #95B9F0;
	border-color: #000000;
	border-width: 1px;
	border-top-width: 1px;
	border-top-color: #000000;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-left-width: 1px;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-color: #000000;
}

td.IGridSelectedRowStyle, tr.IGridSelectedRowStyle td
{
	color: #FFFFFF;
	background-color: #5A7EBF;
	border-width: 0px;
}	

.IGridFrameStyle
{
	border-width: 1px;
	border-color: #999999;
	border-style: solid;
	cursor: default;
}

.IGridFilterList TABLE
{
	width: inherit;
}

.IGridFilterList{
    padding: 0px 0px 0px 0px;
    border-width: 1px;
	border-color: #999999;
	border-style: solid;
    /*width: 150px;
    height: 280px;
    color: #000000;
    background-image:url(options.png);*/
    background-color: #F1F1F1;
    /*font-family:verdana;
    font-size:9pt;
    opacity:.55;*/
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);*/
    /*background-position:fixed;*/
    overflow: auto;
}

.IGridFilterHighlight
{
	color: #FFFFFF;
    cursor: default;
    border: solid 1px #000000;
    background-color: #3C7FB1;
    /*font-size:small;*/
    font-weight: bold;
}