/* ================================
/* ================================
 *  CSS STYLES FOR Transaction Insight    
 * ================================
 Light Aqua 00A69C
 Dark Aqua 00837C
 */

/* Styles for the banner at the top of all pages */
.banner
{
	background-color: #FFFFFF; /*#fbfbfb;*/
	border: none;
	padding-left: 5px;
	padding-top: 5px;
}

/* actions are the links in the top right of all pages */
.banner .actions
{
	padding: 2px 8px 2px 8px;
	text-align: right;
	font-weight: bold;
	/*background:url("../images/header_links_background.jpg") repeat-x;*/
	margin-right:0px;
	height: 26px; 
	line-height:26px;
	font-size: 10px;
	overflow:hidden;	
	position: relative; 
	float:right;
	clear:left;
}

.banner .actions, .banner .actions a:link, .banner .actions a:visited, .banner .actions a:active, .banner .actions a:hover
{
	text-decoration: none;
	color: #00837C; /*#808080;*/
	font-family: Arial;
	padding-bottom:10px;
}

.banner .content
{
	height: 30px;
	padding: 7px 20px 8px 20px;
	font-size: 20px;
	line-height: 100%; /* Needed for IE 6&7 bacause of 110% elsewhere */
	color: #444444;	
	white-space: nowrap;
	background-image:url("../images/logo-header.jpg"); 
	background-repeat:no-repeat;  
}

/* adjust the padding to make your content fit */
.banner .content .leftSpacer
{
	float:left;	
	padding: 0px 0px 0px 0px;
}

.banner .content .middleSpacer
{
	float:left;
	padding: 0px 0px 10px 15px;
	vertical-align:bottom;
}

.rightSpacer
{
	/* customers can use this div to place extra content */
       
    float:right;
    width: 150px;   	   
    padding: 7px  20px 8px 20px;
    height:20px;
    vertical-align:top;   
    height:35px;
    position:relative;
    z-index:100;
    
}

/* styles for the bread crumb trail that appears below the banner */
.breadcrumbTrail
{
	width:100%;
	height : 24px;
	background: url("../images/header_nav_background.jpg") repeat-x; 
	position: relative;
	margin:0px;
	border-top:3px solid #e7e7e7;
	border-bottom:3px solid #e7e7e7;
	z-index:1;
	color : #FFFFFF; /*#808080;*/
}

/*IE 7 hack*/
*+html .breadcrumbTrail
{
    margin-top:-48px;
}

.breadcrumbTrail table
{
	margin-left: 10px;
}
.breadcrumbTrail td
{
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
	line-height: 100%; /* Needed for IE 6&7 bacause of 110% elsewhere */
	white-space: nowrap;
	padding-top:6px;
}

.breadcrumbTrail a:link {color:#FFFFFF; /*#808080;*/}      
.breadcrumbTrail a:visited {color:#FFFFFF; /*#808080;*/}  
.breadcrumbTrail a:hover {color:#FFFFFF; /*#808080;*/}   
.breadcrumbTrail a:active {color:#FFFFFF; /*#808080;*/}  

/* this is wrapper of main part of the application */
#wrap 
{
	margin:0px;
	padding:20px 0px 10px 0px;
	Background-color: #FFFFFF;
	/*background: url("../images/page_background.png") bottom repeat-x ;*/
	min-height:970px;
}

/* basic page structure */
table.structure
{
	/*width: 100%;*/
	min-height: 970px;
	margin : 0px 20px 0px 20px;
	background-color:white;
}
table.structure td.leftCell, table.structure td.rightCell
{
	vertical-align: top;
	padding: 0px;
}
table.structure td.rightCell
{
	width: 100%;
}

/* This style applies to the box that surrounds each pages real content. That is
 * everything except the header, banner and breadcrumb trail */
.pageContent
{
	margin: 0px 10px 10px 10px;
	min-height:970px;
}

/* The menu */
.menu
{
	display: block;
	width: 130px;
	margin: 0px 10px 10px 0px;		
}

.menu .section
{
	display: block;
	padding: 0px 5px 5px 5px;
}

.menu .separator
{
	display: block; /*height: 0px;*/ /* IE6 does not honor the height 0px, omit and it seems to work in all browsers*/
	border-bottom: 1px solid #bdbdbd;
	margin-bottom:5px;
}

.menu .section .header
{
	display: block;
	color: #575757;
	font-weight: bold;
	font-size: 11px; /* overrides the .header generic style 	line-height: 100%; /* Needed for IE 6&7 bacause of 110% elsewhere */
}

.menu .section .separator
{
	display: none;
}

.menu .item
{
	display: block;
	line-height: 100%; /* Needed for IE 6&7 bacause of 110% elsewhere */
	padding: 4px 0px 4px 5px;
}
/*
 Light Aqua 00A69C
 Dark Aqua 00837C
 */
.menu a:link {color:#00A69C; /*#575757;*/}      
.menu a:visited {color:#00A69C; /*#575757;*/}  
.menu a:hover {color:#00837C; /*#575757;*/}   
.menu a:active {color:#00A69C; /*#575757;*/}  

/* background color for the content part of the pages */
body
{
	background-color: white;
	font: 62.5% Arial,sans-serif; 
}

/* General styles for elements */
body, td, select, .TextBox, .Button, .textarea
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 110%;
}

fieldset legend
{
	color: #00A69C; /*Blue;*/
}

.Button, .ArrowButton, .LinkButton
{
	background-color: white;
	color: #00A69C; /*#487ab0;*/
	cursor: hand;
	border-top: 2px solid #DDDDDD;
	border-right: 2px solid #888888;
	border-bottom: 2px solid #888888;
	border-left: 2px solid #DDDDDD;
	padding: 1px 6px 1px 6px;
	text-align: center;
	font-weight: bold;
}
.Button[disabled], .ArrowButton[disabled]
{
	color: Gray;
}

.ArrowButton
{
	width: 25px;
	min-width: 10px;
	padding: 1px 2px 1px 2px;
}

.LinkButton
{
	border: none;
	padding: 3px 6px 3px 6px;
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #eeeeee;
}

/* GENERAL */
/* style for module titles */
.header
{
	font-size: 18px;
	color: #575757;
	line-height: 110%;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: 00A69C; /*#FDB029;*/
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

/* GENERIC */
h1, h2 /* TODO: it doesn't really make sense to have these the same size */
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}
h3, h4 /* TODO: it doesn't really make sense to have these the same size */
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: 00837C; /*#FDB029;*/
}
h5, dt, h6 /* TODO: it doesn't really make sense to have these the same size */
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:  00837C; /*#FDB029;*/
}
h7 /* TODO: it doesn't really make sense to have these the same size */
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FDB029;
	float:right;
}
/*
Light Aqua 00A69C
 Dark Aqua 00837C
 */
a:link, a:visited, a:active
{
	text-decoration: none;
}
a:link {color: #00A69C; /*#487ab0;*/}      
a:visited {color:#00A69C; /*#487ab0;*/}  
a:hover {color: #00837C; /*#7AC9FB;*/ text-decoration: underline;}   
a:active {color:#00A69C; /*#487ab0;*/}  


BLOCKQUOTE, PRE
{
	font-family: Lucida Console, monospace;
}

hr
{
	/* had to do this wierd set of properties so it would 	 * match in IE and firefox */
	border: none;
	border-top: 1px solid gray;
	height: 0px;
}

/* Styles for footer */
#footer
{
	background: #00837C; /*#dbdbdb;*/
	height : 20px;
	font-size: 11px;
	color: #FFFFFF; /*#9a9a9a;*/
	line-height: 20px;
	position: relative;
}

#footer span a:link, a:visited, a:hover, a:active
{color: greeen; /*#FFFFFF;*/}
/*
	this section is about the tibco logo image in the footer
*/
#footer span{
	position : absolute;
	left : 20px;
	top:0px;
}	
#footer img{
	position : absolute;
	right : 20px;
	top:0px;
}	

/* Styles for power grid */
.dataGridStyle
{
	border: solid 1px #D4D0C8;
}
.dataGridHeaderStyle td, .dataGridHeaderStyle a:link, .dataGridHeaderStyle a:visited, .dataGridHeaderStyle a:active
{
	background-color: #00A69C; /*#487ab0;*/
	color: white;
	font-weight: bold;
}
.dataGridHeaderStyle a:hover
{
	text-decoration: underline;
	color: #7AC9FB;
}

.dataGridItemStyle td, .dataGridAlternatingItemStyle td, .dataGridEditItemStyle td, .dataGridSelectedItemStyle td
{
	color: black;
}
.dataGridDeletedItemStyle td
{
	background-color: White;
	text-decoration: line-through;
}
.dataGridAlternatingDeletedItemStyle td
{
	background-color: #EEEEEE;
	text-decoration: line-through;
}
.dataGridItemStyle td
{
	background-color: White;
}

.dataGridAlternatingItemStyle td
{
	background-color: #EEEEEE;
}
.dataGridEditItemStyle td
{
	font-weight: bold;
	color: white;
	background-color: #B3D6FC;
}
.dataGridSelectedItemStyle td
{
	background-color: #00A69C; /*#B3D6FC;*/
	color: #FFFFFF; /*black;*/
}
.dataGridSelectedItemStyle a
{
	color: #487ab0;
	font-weight: bold;
}

.dataGridPagerStyle td
{
	color: Black;
	padding-bottom: 8px;
	background-color: #EEEEEE;
	font-size: 12px;
	white-space: nowrap;
}
.dataGridFooterStyle td
{
	background-color: White;
}
/* Data Grid Paging Buttons Styles */
.dataGridButtonFirst, .dataGridButtonLast, .dataGridButtonPrevious, .dataGridButtonNext
{
	background-repeat: no-repeat;
	width: 10px;
	margin-left: 10px;
}
.dataGridButtonPrevious
{
	margin-right: 10px;
}
td.cell
{
	padding-top: 26px;
	white-space: nowrap;
}
td.celldefault
{
	white-space: nowrap;
}

.updateHead
{
	font-weight: normal;
	font-size: 11px;
	color: red;
	line-height: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
}
.docsum
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}

.wizNormal
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.2em;
	color: #000000;
}
.dlistTitle
{
	border-right: 0px;
	border-top: 0px;
	font-weight: bold;
	font-size: 11px;
	border-left: 0px;
	line-height: 12px;
	border-bottom: 0px;
	font-family: Verdana, Helvetica, sans-serif;
}

/* collapsable panel on non-form pages */
.collapsablePanelTitle
{
	padding: 5px;
	border: solid 1px gray;
	border-bottom: none;
}
.collapsablePanelCollapsedTitle
{
	padding: 5px;
	border: solid 1px gray;
}
.collapsablePanelContent
{
	padding: 5px;
	border: solid 1px gray;
	border-top: none;
}


/* Tab strip styles */
.TabStrip
{
	width: 100%;	
	overflow:hidden;
	padding:0px;
	/*margin-right:-1px;
	border-right:1px solid #bdbdbd;	
	border-top:1px solid #bdbdbd;	*/
}
.TabStrip .ActiveTab, .TabStrip .InactiveTab
{
	border-top: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	text-align: center;
	padding: 3px 18px 3px 18px;
	white-space: nowrap;
}

.TabStrip .ActiveTab
{
	border-bottom: 1px solid #bdbdbd;
	background-color: white;
}

.TabStrip .InactiveTab
{
	border-bottom: 1px solid #bdbdbd;
	background-color: #efefef;
}

.TabStrip .ActiveTab a:link, .TabStrip .ActiveTab a:visited, .TabStrip .ActiveTab a:active, .TabStrip .InactiveTab a:link, .TabStrip .InactiveTab a:visited, .TabStrip .InactiveTab a:active
{
	font-weight: bold;
	color: #696969;
	text-decoration: none;
}
.TabStrip .ActiveTab a:hover, .TabStrip .InactiveTab a:hover
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.TabStrip .NonTabArea
{
	border-bottom: 1px solid #bdbdbd;
	width: 100%;
}

.TabContent
{
	border-right: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	border-top:1px solid #bdbdbd;
	padding: 5px 10px 10px 10px;
}

.TabContent2
{
	border-right: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	border-top:1px solid #bdbdbd;
	padding: 5px 5px 0px 5px;
}

.TabStrip .InactiveTab .SubHead, .TabStrip .ActiveTab .SubHead
{
	font-weight: normal;
	color: #696969;
	text-decoration: none;
	font-size: xx-small;
}


/*this rule is for a table of section area */
.sections
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	clip: rect(0px 0px 0px 0px);
	border-bottom: lightgrey 1px solid;
}

/*Styles for the CalendarPopup control*/
/*******************************************************/
.calendarPopup
{
	white-space: nowrap;
}

.monthHeaderStyle
{
	font-weight: bold;
	background-color: #EEEEEE;
}
/*
Light Aqua 00A69C
 Dark Aqua 00837C
 */
.dayHeaderStyle
{
	background-color: #00A69C;
}
.todayDayStyle
{
	background-color: #EEEEEE;
}
.selectedDateStyle, .selectedDateStyle a:visited, .selectedDateStyle a:link, .selectedDateStyle a:active
{
	color: White;
	font-weight: bold;
	background-color: #487ab0;
}

.textBoxLabelStyle
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 110%;
}

code
{
	font-size: .85em;
	font-family: Lucida Console, Verdana, Courier New;
}
.demoTitle
{
	font-size: medium;
	font-weight: bold;
	font-style: italic;
	color: #555;
	border-bottom: solid 1px #999;
}
.codeTitle
{
	background-position: right 10%;
	background: transparent url( "~/images/spacer.gif" );
	background-repeat: repeat-y;
	font-weight: bold;
	background-color: #fcfcfc;
	border: solid 1px #fcfcfc;
	padding: 0;
	text-align: center;
}
.codeTitleCollapsed
{
	font-weight: bold;
	background-color: #cfcfcf;
	border: solid 1px #cfcfcf;
	padding: 3px;
}

.connector
{
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}
.dataGridHeadingStyle
{
	background-color: #EEEEEE;
	border: solid 1px DimGray;
	width: 99%;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	text-align: center;
}
.ListBoxText
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: lighter;
}
/* Calendar Selection Label Style (for displaying message on Document, Cat Compare, and Partner Ranks */
.calendarSelection
{
	color: Navy;
}

/*******************************************************/
/*Styles for the CollapsablePanel control within an ediForm */
/*******************************************************/

.ediForm
{
	padding: 4px 4px 4px 4px;
}

.ediForm .collapsablePanelTitle
{
	color: white;
	background-color: #487ab0;
	padding: 4px;
	border: solid 1px #487ab0;
	border-bottom: none;
	width: 100%;
}

.ediForm .collapsablePanelCollapsedTitle
{
	color: white;
	background-color: #487ab0;
	padding: 4px;
	border: solid 1px #487ab0;
	width: 100%;
}

.ediForm .collapsablePanelTitle2
{
	color: #487ab0;
	background-color: #c8c8ca;
	padding: 2px;
	border: solid 1px #c8c8ca;
	border-bottom: none;
	width: 100%;
}

.ediForm .collapsablePanelCollapsedTitle2
{
	color: #487ab0;
	background-color: #c8c8ca;
	padding: 2px;
	border: solid 1px #c8c8ca;
	width: 100%;
}

.ediForm .collapsablePanelTitle3
{
	color: white;
	background-color: #AACCCC;
	padding: 2px;
	border: solid 1px #AACCCC;
	width: 100%;
}

.ediForm .collapsablePanelCollapsedTitle3
{
	color: white;
	background-color: #AACCCC;
	padding: 2px;
	border: solid 1px #AACCCC;
	width: 100%;
}

.ediForm .collapsablePanelTitle td, .ediForm .collapsablePanelCollapsedTitle td, .ediForm .collapsablePanelTitle2 td, .ediForm .collapsablePanelCollapsedTitle2 td, .ediForm .collapsablePanelTitle3 td, .ediForm .collapsablePanelCollapsedTitle3 td
{
	font-weight: bold;
}

.ediForm .collapsablePanelTitle a:link, .ediForm .collapsablePanelTitle a:visited, .ediForm .collapsablePanelTitle a:active, .ediForm .collapsablePanelCollapsedTitle a:link, .ediForm .collapsablePanelCollapsedTitle a:visited, .ediForm .collapsablePanelCollapsedTitle a:active
{
	color: white;
}

.ediForm .collapsablePanelTitle2 a:link, .ediForm .collapsablePanelTitle2 a:visited, .ediForm .collapsablePanelTitle2 a:active, .ediForm .collapsablePanelCollapsedTitle2 a:link, .ediForm .collapsablePanelCollapsedTitle2 a:visited, .ediForm .collapsablePanelCollapsedTitle2 a:active, .ediForm .collapsablePanelTitle3 a:link, .ediForm .collapsablePanelTitle3 a:visited, .ediForm .collapsablePanelTitle3 a:active, .ediForm .collapsablePanelCollapsedTitle3 a:link, .ediForm .collapsablePanelCollapsedTitle3 a:visited, .ediForm .collapsablePanelCollapsedTitle3 a:active
{
	color: #487ab0;
}

.ediForm .collapsablePanelTitle a:hover, .ediForm .collapsablePanelCollapsedTitle a:hover, .ediForm .collapsablePanelTitle2 a:hover, .ediForm .collapsablePanelCollapsedTitle2 a:hover, .ediForm .collapsablePanelTitle3 a:hover, .ediForm .collapsablePanelCollapsedTitle3 a:hover
{
	color: #7AC9FB;
}


.ediForm .collapsablePanelContent
{
	padding: 10px;
	border: solid 1px #cfcfcf;
	border-top: none;
}

/* PO - 10/9/06: Alternate style for Firefox.  I can't find
   a setting for width that works for both browsers.  The ediForm
   class will dynamically change the style in OnPreRender. */
.ediForm .collapsablePanelContentFirefox
{
	padding: 10px;
	border: solid 1px #cfcfcf;
	border-top: none;
	width: auto;
}

#claimPayment
{     
    color:Black;        
    background-color:#efefef;
    border: solid 1px #cfcfcf;
	/*border-top: none;
	margin-right:-2px;*/
	
}

#claimPaymentTitle
{
    color: white;
	background-color: #487ab0;
	padding-top: 4px;
	padding-bottom:4px;
	/*border: solid 1px #487ab0;*/
	width: 100%;
	min-height:10px;
}

#claimPaymentTitle a
{
    color:White;
    margin-right:4px;
}

#claimPayment a
{
    color:#487ab0;
    font-weight:bold;
}
#claimPayment a:hover, #claimPaymentTitle a:hover 
{
    color:#7AC9FB;
}   

/*******************************************************/
/*Styles dynamic drive tooltip within an ediForm*/
/*******************************************************/
#ddrivetooltip
{
	position: absolute;
	width: 400px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	display: none;
}
#ddrivetooltip .label
{
	font-weight: bold;
}
#ddrivetooltip .data
{
	width: 300px;
}
#ddrivetooltip .errorCount
{
	color: brown;
	font-weight: bold;
}
#ddrivetooltipshim
{
	filter: Alpha(opacity=0);
	position: absolute;
	width: 400px;
	border: none;
	padding: 0px;
	display: none;
}

/* ================================
 *  DEPRACATED Styles - these styles are depracated for various reasons and
 * should be slowly removed from the site if possible.   
 * ================================
 */
.taskCommentHeader
{
	color: #696969;
	font-weight: bold;
}

.transsum
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}

.NormalRed
{
	color: red;
}

/* style for separator between site links */
.Accent
{
	color: 00A69C; /*#FDB029;*/
	font-weight: bold;
}
/* Data List Styles ? */
tr.datalistHeaderStyle td, tr.dataListHeaderStyle a:active, tr.dataListHeaderStyle a:visited
{
	background-color: #AACCFF;
	color: black;
	font-size: 12px;
	font-weight: bold;
}
tr.dataListAlternatingItemStyle td
{
	background-color: red;
}

/* for tab header*/
.tabHead
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

/*Modal Popup*/
.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;
	width: 250px;
}
/****************************** Styles for Telerik grid ***********************/
/* This is a modified version of the RadGrid Simple skin */
/*Telerik RadGrid Skin*/
/*global*/

.RadGrid_TIPowerGrid
{
    border:1px solid #999;
    background:#fff;
    color:#000;
}

.RadGrid_TIPowerGrid,
.RadGrid_TIPowerGrid .rgMasterTable,
.RadGrid_TIPowerGrid .rgDetailTable,
.RadGrid_TIPowerGrid .rgGroupPanel table,
.RadGrid_TIPowerGrid .rgCommandRow table,
.RadGrid_TIPowerGrid .rgEditForm table,
.RadGrid_TIPowerGrid .rgPager table,
.GridToolTip_TIPowerGrid
{
    /*font:12px/16px "segoe ui",arial,sans-serif;*/
    font-family: Verdana, Helvetica,sans-serif;
    font-size:11px;
    line-height:110%;
}

.RadGrid_TIPowerGrid .rgMasterTable,
.RadGrid_TIPowerGrid .rgDetailTable
{
    border-collapse:separate;
}

.RadGrid_TIPowerGrid .rgRow,
.RadGrid_TIPowerGrid .rgAltRow,
.RadGrid_TIPowerGrid .rgHeader,
.RadGrid_TIPowerGrid .rgResizeCol,
.RadGrid_TIPowerGrid .rgPager,
.RadGrid_TIPowerGrid .rgGroupPanel,
.RadGrid_TIPowerGrid .rgGroupHeader
{
	cursor:default;
}

.RadGrid_TIPowerGrid input[type="image"]
{
	cursor:pointer;
}

.RadGrid_TIPowerGrid .rgRow td,
.RadGrid_TIPowerGrid .rgAltRow td,
.RadGrid_TIPowerGrid .rgEditRow td,
.RadGrid_TIPowerGrid .rgFooter td,
.RadGrid_TIPowerGrid .rgFilterRow td,
.RadGrid_TIPowerGrid .rgHeader,
.RadGrid_TIPowerGrid .rgResizeCol,
.RadGrid_TIPowerGrid .rgGroupHeader td
{
	padding-left:7px;
	padding-right:7px;
}

.RadGrid_TIPowerGrid .rgClipCells .rgHeader,
.RadGrid_TIPowerGrid .rgClipCells .rgFilterRow>td,
.RadGrid_TIPowerGrid .rgClipCells .rgRow>td,
.RadGrid_TIPowerGrid .rgClipCells .rgAltRow>td,
.RadGrid_TIPowerGrid .rgClipCells .rgEditRow>td,
.RadGrid_TIPowerGrid .rgClipCells .rgFooter>td
{
	overflow:hidden;
}

.RadGrid_TIPowerGrid .rgHeader:first-child,
.RadGrid_TIPowerGrid th.rgResizeCol:first-child,
.RadGrid_TIPowerGrid .rgFilterRow>td:first-child,
.RadGrid_TIPowerGrid .rgRow>td:first-child,
.RadGrid_TIPowerGrid .rgAltRow>td:first-child
{
	border-left:0;
	padding-left:8px;
}

.RadGrid_TIPowerGrid .rgAdd,
.RadGrid_TIPowerGrid .rgRefresh,
.RadGrid_TIPowerGrid .rgEdit,
.RadGrid_TIPowerGrid .rgDel,
.RadGrid_TIPowerGrid .rgFilter,
.RadGrid_TIPowerGrid .rgPagePrev,
.RadGrid_TIPowerGrid .rgPageNext,
.RadGrid_TIPowerGrid .rgPageFirst,
.RadGrid_TIPowerGrid .rgPageLast,
.RadGrid_TIPowerGrid .rgExpand,
.RadGrid_TIPowerGrid .rgCollapse,
.RadGrid_TIPowerGrid .rgSortAsc,
.RadGrid_TIPowerGrid .rgSortDesc,
.RadGrid_TIPowerGrid .rgUpdate,
.RadGrid_TIPowerGrid .rgCancel,
.RadGrid_TIPowerGrid .rgUngroup,
.RadGrid_TIPowerGrid .rgExpXLS,
.RadGrid_TIPowerGrid .rgExpDOC,
.RadGrid_TIPowerGrid .rgExpPDF,
.RadGrid_TIPowerGrid .rgExpCSV
{
	width:16px;
	height:16px;
	border:0;
	margin:0;
	padding:0;
	background-color:transparent;
	background-image:url('../images/Telerik_grid_sprite.gif');
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size:1px;
	cursor:pointer;
}

.RadGrid_TIPowerGrid .rgGroupItem input,
.RadGrid_TIPowerGrid .rgCommandRow img,
.RadGrid_TIPowerGrid .rgHeader input,
.RadGrid_TIPowerGrid .rgFilterRow img,
.RadGrid_TIPowerGrid .rgFilterRow input,
.RadGrid_TIPowerGrid .rgPager img
{
	vertical-align:middle;
}

/*header*/

.RadGrid_TIPowerGrid .rgHeaderDiv
{
	background:#e4e4e4;
	
	
}

.RadGrid_TIPowerGrid .rgHeader,
.RadGrid_TIPowerGrid th.rgResizeCol
{
	border:0;
	border-bottom:1px solid #7c7c7c;
	border-left:1px solid #9e9e9e;
	/*padding-top:5px;
	padding-bottom:5px;
	background:#e4e4e4;*/
	background-color: #487ab0;
	text-align:left;
	/*font-weight:normal;*/
	color: white;
	font-weight: bold;
}

.RadGrid_TIPowerGrid th.rgSorted
{
	background-color:#fffaeb;
}

.RadGrid_TIPowerGrid .rgHeader,
.RadGrid_TIPowerGrid .rgHeader a
{
    color:white;
    text-decoration:none;
}

.RadGrid_TIPowerGrid th.rgSorted,
.RadGrid_TIPowerGrid th.rgSorted a
{
    color:#892500;
}

.RadGrid_TIPowerGrid .rgCheck
{
	height:15px;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	cursor:default;
}

/*rows*/

.RadGrid_TIPowerGrid .rgRow td,
.RadGrid_TIPowerGrid .rgAltRow td,
.RadGrid_TIPowerGrid .rgEditRow td,
.RadGrid_TIPowerGrid .rgFooter td
{
	border:0;
	border-bottom:1px solid;
	border-left:1px solid;
	padding-top:4px;
	padding-bottom:3px;
	border-color:#ededed #c3c3c3;
}

.RadGrid_TIPowerGrid .rgRow td,
{
	/*border-color:#fff #c3c3c3;	*/
	
}

.RadGrid_TIPowerGrid .rgAltRow
{
	background:#ededed;
}

.RadGrid_TIPowerGrid .rgAltRow td
{
	/*border-color:#ededed #c3c3c3;*/
}

.RadGrid_TIPowerGrid .rgRow .rgSorted
{
	border-bottom-color:#fffaeb;
	background-color:#fffaeb;
}

.RadGrid_TIPowerGrid .rgAltRow .rgSorted
{
	border-bottom-color:#f1ecdd;
	background-color:#f1ecdd;
}

.RadGrid_TIPowerGrid .rgSelectedRow .rgSorted,
.RadGrid_TIPowerGrid .rgActiveRow .rgSorted,
.RadGrid_TIPowerGrid .rgHoveredRow .rgSorted,
.RadGrid_TIPowerGrid .rgEditRow .rgSorted
{
	background-color:transparent;
}

.RadGrid_TIPowerGrid .rgRow a,
.RadGrid_TIPowerGrid .rgAltRow a,
.RadGrid_TIPowerGrid tr.rgEditRow a,
.RadGrid_TIPowerGrid .rgFooter a,
.RadGrid_TIPowerGrid .rgEditForm a
{
	color:#000;
}

.RadGrid_TIPowerGrid .rgSelectedRow
{
    /*background:#ffa517;*/
    background:#B3D6FC;
    color:black;
}
*+html .RadGrid_TIPowerGrid .rgSelectedRow .rgSorted{background-color:#ffa517}
* html .RadGrid_TIPowerGrid .rgSelectedRow .rgSorted{background-color:#ffa517}

.RadGrid_TIPowerGrid .rgSelectedRow a,
.RadGrid_TIPowerGrid .rgHoveredRow a,
.RadGrid_TIPowerGrid .rgActiveRow a
{
	color:#892500;
}

.RadGrid_TIPowerGrid .rgActiveRow,
.RadGrid_TIPowerGrid .rgHoveredRow
{
    background:#ffe79c 0 -2900px repeat-x url('../images/Telerik_grid_sprite.gif');
    color:#892500;
}
*+html .RadGrid_TIPowerGrid .rgActiveRow .rgSorted,
*+html .RadGrid_TIPowerGrid .rgHoveredRow .rgSorted{background-color:#ffe79c}
* html .RadGrid_TIPowerGrid .rgActiveRow .rgSorted,
* html .RadGrid_TIPowerGrid .rgHoveredRow .rgSorted{background-color:#ffe79c}

.RadGrid_TIPowerGrid .rgEditRow
{
	/*background:#fff 0 -4900px repeat-x url('Grid/sprite.gif');*/
	background:#B3D6FC;
}
*+html .RadGrid_TIPowerGrid .rgEditRow .rgSorted{background-color:#fff}
* html .RadGrid_TIPowerGrid .rgEditRow .rgSorted{background-color:#fff}

.RadGrid_TIPowerGrid .rgSelectedRow td,
.RadGrid_TIPowerGrid .rgSelectedRow td.rgSorted
{
	/*border-color:#ca4b0c #ffa517;*/
}

.RadGrid_TIPowerGrid .rgActiveRow td,
.RadGrid_TIPowerGrid .rgActiveRow td.rgSorted,
.RadGrid_TIPowerGrid .rgHoveredRow td,
.RadGrid_TIPowerGrid .rgHoveredRow td.rgSorted
{
	border-color:#c98400 #ffe79c;
}

.RadGrid_TIPowerGrid .rgEditRow td,
.RadGrid_TIPowerGrid .rgEditRow td.rgSorted
{
	border-color:#616161 #c3c3c3;
}

/*footer*/

.RadGrid_TIPowerGrid .rgFooterDiv,
.RadGrid_TIPowerGrid .rgFooter
{
	background:#e4e4e4;
}

.RadGrid_TIPowerGrid .rgFooter td
{
	border-top:1px solid;
	border-color:#999 #c3c3c3;
}

/*status*/

.RadGrid_TIPowerGrid .rgPager .rgStatus
{
	width:35px;
	border:1px solid;
	border-color:#999 #999 #e4e4e4 #e4e4e4;
	border-left:0;
	padding:3px 0 2px;
}

.RadGrid_TIPowerGrid .rgStatus div
{
	width:24px;
	height:24px;
	overflow:hidden;
	border:0;
	margin:0 auto;
	padding:0;
	background:transparent center center no-repeat url('Common/loading_small.gif');
	text-indent:-2222px;
}

/*pager*/

.RadGrid_TIPowerGrid .rgPager
{
	background:#e4e4e4;
}

.RadGrid_TIPowerGrid .rgPager td
{
	padding:0;
}

.RadGrid_TIPowerGrid .rgPager .rgPagerCell
{
	border:1px solid;
	border-color:#999 #e4e4e4 #e4e4e4;
	border-right:0;
	padding:5px 0 3px;
}

.RadGrid_TIPowerGrid .rgWrap
{
	float:left;
	padding:0 10px;
	line-height:22px;
	white-space:nowrap;
}

.RadGrid_TIPowerGrid .rgArrPart1
{
	padding-right:0;
}

.RadGrid_TIPowerGrid .rgArrPart2
{
	padding-left:0;
}

.RadGrid_TIPowerGrid .rgInfoPart
{
	float:right;
	color:#777;
}

.RadGrid_TIPowerGrid .rgInfoPart strong
{
	font-weight:normal;
	color:#4c4e54;
}

.RadGrid_TIPowerGrid .rgArrPart1 img,
.RadGrid_TIPowerGrid .rgArrPart2 img
{
	margin:0 8px;
}

.RadGrid_TIPowerGrid .rgPageFirst,
.RadGrid_TIPowerGrid .rgPagePrev,
.RadGrid_TIPowerGrid .rgPageNext,
.RadGrid_TIPowerGrid .rgPageLast
{
	width:22px;
	height:22px;
	vertical-align:top;
}

.RadGrid_TIPowerGrid .NextPrev .rgPageFirst,
.RadGrid_TIPowerGrid .NextPrev .rgPagePrev,
.RadGrid_TIPowerGrid .NextPrev .rgPageNext,
.RadGrid_TIPowerGrid .NextPrev .rgPageLast
{
	vertical-align:middle;
}

.RadGrid_TIPowerGrid .rgPageFirst
{
	background-position:0 -550px;
}
.RadGrid_TIPowerGrid .rgPageFirst:hover
{
	background-position:0 -600px;
}
.RadGrid_TIPowerGrid .rgPagePrev
{
	background-position:0 -700px;
}
.RadGrid_TIPowerGrid .rgPagePrev:hover
{
	background-position:0 -750px;
}
.RadGrid_TIPowerGrid .rgPageNext
{
	background-position:0 -850px;
}
.RadGrid_TIPowerGrid .rgPageNext:hover
{
	background-position:0 -900px;
}
.RadGrid_TIPowerGrid .rgPageLast
{
	background-position:0 -1000px;
}
.RadGrid_TIPowerGrid .rgPageLast:hover
{
	background-position:0 -1050px;
}

.RadGrid_TIPowerGrid .rgPager .rgPagerButton
{
	height:22px;
	border:1px solid #7e7e7e;
	margin:0 14px 0 0;
	padding:0 4px 2px;
	background:#c6c6c6;
	color:#000;
	font:12px/12px "segoe ui",arial,sans-serif;
	vertical-align:middle;
	cursor:pointer;
}

.RadGrid_TIPowerGrid .rgNumPart
{
	padding:0;
}

.RadGrid_TIPowerGrid .NumericPages .rgNumPart
{
	padding:0 10px;
}

.RadGrid_TIPowerGrid .rgNumPart a
{
	float:left;
	line-height:20px;
	border:1px solid #e4e4e4;
	margin:0;
	padding:0 5px;
	color:#000;
	text-decoration:none;
}

.RadGrid_TIPowerGrid .rgNumPart a:hover
{
	border-color:#c98400;
	background:#ffe79c;
	color:#892500;
}

.RadGrid_TIPowerGrid .rgNumPart a:hover span
{
	cursor:pointer;
}

.RadGrid_TIPowerGrid .rgNumPart a.rgCurrentPage,
.RadGrid_TIPowerGrid .rgNumPart a.rgCurrentPage:hover
{
	border-color:#ca4b0c;
	background:transparent;
	color:#892500;
	cursor:default;
}

.RadGrid_TIPowerGrid .rgNumPart a.rgCurrentPage span,
.RadGrid_TIPowerGrid .rgNumPart a.rgCurrentPage:hover span
{
	cursor:default;
}

.RadGrid_TIPowerGrid .NextPrevNumericAndAdvanced .rgAdvPart
{
	float:none;
	text-align:center;
}

.RadGrid_TIPowerGrid .rgPager .RadSlider
{
	float:left;
	margin:0 10px 0 0;
}

.RadGrid_TIPowerGrid .rgPagerLabel,
.RadGrid_TIPowerGrid .rgPager .RadComboBox,
.RadGrid_TIPowerGrid .rgPager .RadInput_TIPowerGrid
{
	margin:0 4px 0 0;
	vertical-align:middle;
}

*+html .RadGrid_TIPowerGrid .rgPager .RadComboBox{margin-top:-1px;}
* html .RadGrid_TIPowerGrid .rgPager .RadComboBox{margin-top:-1px;padding:1px 0;}

.RadGrid_TIPowerGrid .rgPagerTextBox
{
	text-align:center;
}

/*sorting, reordering*/

.RadGrid_TIPowerGrid .rgHeader .rgSortAsc
{
	background-position:3px -248px;
	height:10px;
}

.RadGrid_TIPowerGrid .rgHeader .rgSortDesc
{
	background-position:3px -198px;
	height:10px;
}

.GridReorderTop_TIPowerGrid,
.GridReorderBottom_TIPowerGrid
{
	width:9px !important;
	height:9px !important;
	margin-left:-5px;
	background:0 0 no-repeat url('../images/Telerik_grid_sprite.gif');
}

.GridReorderBottom_TIPowerGrid
{
	background-position:0 -50px;
}

/*filtering*/

.RadGrid_TIPowerGrid .rgFilterRow
{
	background:#e4e4e4;
}

.RadGrid_TIPowerGrid .rgFilterRow td
{
    border-bottom:1px solid #999;
    border-left:1px solid #e4e4e4;
    padding-top:5px;
    padding-bottom:6px;
}

.RadGrid_TIPowerGrid .rgFilter
{
	width:22px;
	height:22px;
	margin:0 0 0 2px;
	background-position:0 -300px;
}

.RadGrid_TIPowerGrid .rgFilter:hover
{
	background-position:0 -350px;
}

.RadGrid_TIPowerGrid .rgFilterActive,
.RadGrid_TIPowerGrid .rgFilterActive:hover
{
	background-position:0 -400px;
}

.RadGrid_TIPowerGrid .rgFilterBox
{
	border:1px solid #616161;
	padding:2px 1px 3px;
	font:12px "segoe ui",arial,sans-serif;
	color:#000;
	vertical-align:middle;
}

/*grouping*/

.RadGrid_TIPowerGrid .rgGroupPanel
{
	height:24px;
	border:0;
	border-bottom:1px solid #7c7c7c;
	background:#c6c6c6;
}

.RadGrid_TIPowerGrid .rgGroupPanel td
{
	border:0;
	padding:3px 4px;
}

.RadGrid_TIPowerGrid .rgGroupPanel td td
{
	padding:0;
}

.RadGrid_TIPowerGrid .rgGroupPanel .rgSortAsc
{
	background-position:4px -144px;
}

.RadGrid_TIPowerGrid .rgGroupPanel .rgSortDesc
{
	background-position:4px -94px;
}

.RadGrid_TIPowerGrid .rgUngroup
{
	background-position:0 -6998px;
}

.RadGrid_TIPowerGrid .rgGroupItem
{
	border:1px solid #7e7e7e;
	padding:0 2px 1px 3px;
	background:#e6ebf5 0 -1900px repeat-x url('../images/Telerik_grid_sprite.gif');
	line-height:20px;
	font-weight:normal;
	vertical-align:middle;
}

.RadGrid_TIPowerGrid .rgMasterTable td.rgGroupCol,
.RadGrid_TIPowerGrid .rgMasterTable td.rgExpandCol
{
	border-color:#c9c9c9;
	background:#c9c9c9 none;
}

.RadGrid_TIPowerGrid .rgGroupHeader
{
    background:#c9c9c9;
    font-size:1.1em;
    line-height:22px;
	color:#000;
}

.RadGrid_TIPowerGrid .rgGroupHeader td
{
	padding:0 7px 2px 8px;
}

.RadGrid_TIPowerGrid .rgExpand
{
	background-position:5px -496px;
}

.RadGrid_TIPowerGrid .rgCollapse
{
	background-position:3px -94px;
}

.RadGrid_TIPowerGrid .rgGroupHeader .rgExpand
{
	background-position:5px -495px;
}

.RadGrid_TIPowerGrid .rgGroupHeader .rgCollapse
{
	background-position:3px -93px;
}

.RadGrid_TIPowerGrid .rgGroupHeader td p
{
    display:inline;
    margin:0;
    padding:0 10px;
}

.RadGrid_TIPowerGrid .rgGroupHeader td div div
{
	top:-0.8em;
	padding:0 10px;
}

.RadGrid_TIPowerGrid .rgGroupHeader td div div div
{
	top:0;
	padding:0;
	border:0;
}

/*editing*/

.RadGrid_TIPowerGrid .rgEditForm
{
	border-bottom:1px solid #999;
}

.RadGrid_TIPowerGrid .rgUpdate
{
	background-position:0 -1800px;
}

.RadGrid_TIPowerGrid .rgCancel
{
	background-position:2px -1848px;
}

/*hierarchy*/

.RadGrid_TIPowerGrid .rgDetailTable
{
	border:1px solid #999;
	border-right-width:0;
}

/*command row*/

.RadGrid_TIPowerGrid .rgCommandRow
{
	/*background:#c6c6c6;*/
	background-color:#FFFFFF;
	color:#000;
}

.RadGrid_TIPowerGrid .rgCommandCell
{
	/*border:0;*/
	border-bottom:1px solid #7e7e7e;
	border-top:1px solid #7e7e7e;
	/*padding:0;*/
	padding-left:5px;
	padding-bottom:5px;
}

.RadGrid_TIPowerGrid tfoot .rgCommandCell
{
	border-top:1px solid #7e7e7e;
	border-bottom:0;
}

.RadGrid_TIPowerGrid .rgCommandTable td
{
	border:0;
	padding:3px 7px 4px;
}

.RadGrid_TIPowerGrid .rgCommandTable
{
	border:0;
}

.RadGrid_TIPowerGrid .rgCommandRow a
{
	/*color:#000;*/
	color:#487ab0;
	text-decoration:none;
}

.RadGrid_TIPowerGrid .rgAdd
{
	margin-right:3px;
	background-position:0 -1650px;
}

.RadGrid_TIPowerGrid .rgRefresh
{
	margin-right:3px;
	background-position:0 -1600px;
}

.RadGrid_TIPowerGrid .rgEdit
{
	background-position:0 -1700px;
}

.RadGrid_TIPowerGrid .rgDel
{
	background-position:0 -1750px;
}

.RadGrid_TIPowerGrid .rgExpXLS,
.RadGrid_TIPowerGrid .rgExpDOC,
.RadGrid_TIPowerGrid .rgExpPDF,
.RadGrid_TIPowerGrid .rgExpCSV
{
	background-image:url('../Common/Grid/export.gif');
}

.RadGrid_TIPowerGrid .rgExpXLS
{
	background-position:0 0;
}
.RadGrid_TIPowerGrid .rgExpDOC
{
	background-position:0 -50px;
}
.RadGrid_TIPowerGrid .rgExpPDF
{
	background-position:0 -100px;
}
.RadGrid_TIPowerGrid .rgExpCSV
{
	background-position:0 -150px;
}

/*multirow select*/

.GridRowSelector_TIPowerGrid
{
	background:#4c4e54;
}

/*row drag n drop*/

.GridItemDropIndicator_TIPowerGrid
{
    /*border-top:1px dashed #666;*/
    border-top:2px dashed #FDB029;
}

/*tooltip*/

.GridToolTip_TIPowerGrid
{
	border:1px solid #c98400;
	padding:3px;
	background:#ffefbd;
	color:#333;
}

/*rtl*/

.RadGridRTL_TIPowerGrid .rgHeader,
.RadGridRTL_TIPowerGrid .rgResizeCol
{
	text-align:right;
}

.RadGridRTL_TIPowerGrid .rgHeader:first-child,
.RadGridRTL_TIPowerGrid th.rgResizeCol:first-child,
.RadGridRTL_TIPowerGrid .rgFilterRow>td:first-child,
.RadGridRTL_TIPowerGrid .rgRow>td:first-child,
.RadGridRTL_TIPowerGrid .rgAltRow>td:first-child
{
	border-left:1px solid;
	padding-left:7px;
}

.RadGridRTL_TIPowerGrid .rgPager .rgStatus
{
	border-right:0;
	border-left-width:1px;
}

.RadGridRTL_TIPowerGrid .rgWrap
{
	float:right;
}

.RadGridRTL_TIPowerGrid .rgInfoPart
{
	float:left;
}

.RadGridRTL_TIPowerGrid .rgNumPart
{
	width:220px;
}

.RadGridRTL_TIPowerGrid .rgNumPart a
{
	float:right;
}

.RadGridRTL_TIPowerGrid .rgPageFirst
{
	background-position:0 -1000px;
}
.RadGridRTL_TIPowerGrid .rgPageFirst:hover
{
	background-position:0 -1050px;
}
.RadGridRTL_TIPowerGrid .rgPagePrev
{
	background-position:0 -850px;
}
.RadGridRTL_TIPowerGrid .rgPagePrev:hover
{
	background-position:0 -900px;
}
.RadGridRTL_TIPowerGrid .rgPageNext
{
	background-position:0 -700px;
}
.RadGridRTL_TIPowerGrid .rgPageNext:hover
{
	background-position:0 -750px;
}
.RadGridRTL_TIPowerGrid .rgPageLast
{
	background-position:0 -550px;
}
.RadGridRTL_TIPowerGrid .rgPageLast:hover
{
	background-position:0 -600px;
}

.RadGridRTL_TIPowerGrid .rgDetailTable
{
	border-right-width:1px;
	border-left-width:0;
}