.section th .NormalLink,#dynDivCode th .NormalLink {
    cursor: default;

}

table[name=basketTables] th:first-child,
div#pnlSearchList table#grid th:first-child {
        border-left:1px solid #ccc;
}

table[name=basketTables] tr td:first-child,
div#pnlSearchList table#grid tr td:first-child  {
        border-left:1px solid #ccc;
}
    
.opaqueOrderModal 
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* order is important */
	filter:alpha(opacity=50);/* order is important */
	opacity: .5;
}

#liBackDiv 
{
    display:none;
}
div#Left  div.phDivItem:hover div#liBackDiv {
display:block;
}
.NormalGrid {    
    width: 98%;  
    background-color: #fff;    
    border-bottom: solid 1px #CCCCCC;
}   

.tabbedlist .NormalGrid {    
	border-right:none;
	border-bottom:none;
}   

.NormalGrid td {    
    font-family: Tahoma;
	font-size: 8pt;
    color: #333333;
    background: White;
    padding: 5px;
    border-right: solid 1px #CCCCCC;    
    text-align: left;   
    /*vertical-align:top;*/ 
}   

.NormalGrid .ajax__colorPicker_container
{
	border:1px solid #000;
}
.NormalGrid .ajax__colorPicker_container td
{
	padding:0px;
	border:1px solid #fff;	
}

.NormalGrid tr.SpecialRow td{    
    font-family: Tahoma;
	font-size: 8pt;
	font-weight:bold;
    color: #333333;
    padding: 5px;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    
}   


.NormalGrid tr.InLineRow td  
{
    padding:0;      
    font-family: Tahoma;
	font-size: 8pt;
	/*font-weight:bold;*/
    color: #333333;    
    padding: 0px;
    border:0;
    text-align: left;
    
}   

.NormalGrid .alt td
{
	background: #F7F6F3;
	border-right: solid 1px #CCCCCC;
	border-left:none;
}

.NormalGrid .permissions td
{
	background-color: #f7f7f7;
	border:none;
	border-right:1px solid #ccc;
}

.NormalGrid .alt2 td
{
	background: #F7F6F3;
}

.NormalGrid tr .CreateLink
{
    display:none;
}
.NormalGrid tr:hover .CreateLink
{
    display:inline;
}


.NormalGrid th, .NormalGrid td.ManualHeader {    
    background: #efefef url(../images/grid_header.gif) left top repeat-x;
	border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
     border-left: solid 1px transparent;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    height: 22px;
	font-family: Tahoma;
	font-size: 8pt;
    color: #000000;
    white-space:nowrap;
}   

.NormalGrid th.Hidden
{
	display:none;
}

.noBorderTop th
{    
	border-top:none !important;	
}

.noBorderRight
{
	border-right:none !important;
}

.DragEnabled th:hover  
{
	cursor:pointer;
	background: #efefef url(../images/grid_header_sort.gif) left top repeat-x;
    border: solid 1px #96D9F9;
    border-left: solid 1px transparent;
}

.NormalGrid th a
{
	color:#000;
}

.NormalGrid .sort{
	background: #efefef url(../images/grid_header_sort.gif) left top repeat-x;
    border: solid 1px #96D9F9;
}

.NormalGrid .pager
{
	border-left: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    padding: 4px;
	background: #F7F6F3 url(../images/grid_footer_bkg.gif) left top repeat-x; 
}   

.NormalGrid .pager table { margin: 5px 0;}   
.NormalGrid .pager tr { border-top: solid 5px #CCCCCC; }   
.NormalGrid .pager td {    
    border-width: 0;    
    font-size: 8pt;
    font-weight: bold;
    color: #505050;    
}      

.NormalGrid .pager a   
{
	color: #505050;
    font-size: 8pt;
    font-weight: normal;
    padding-left: 1px;
    padding-right: 1px;
    text-decoration: none;
}   
.expandedActionsFrame2 a:hover 
{
    text-decoration:underline ;
}

.expandedActionsFrame2 a
{
    font-weight:bold;
    font-size:10px;
}



.expandedActionsFrame2 li 
{
    
	padding-bottom:3px;
	font-size:9pt;

	list-style-type:none;
}

.expandedActionsFrame2 ul
{
    text-align:right;
}





.expandedActionsFrame li
{
	padding-top:3px;
	padding-bottom:3px;
	font-size:9pt;
	width:100%;
	cursor:pointer;
	list-style-type:none;
	
}
.expandedActionsFrame li:hover
{
	background-color:#FFE4AB
}

.expandedActionsLink
{
	 color:#1A9BD4;
	 text-decoration:none;	 
	 cursor:pointer;
}

.actionBottomLine
{
	border-bottom:solid 1px #CCCCCC;

}

.Datalist tr td ul.expandedActionsFrame2 
{ 
	display:none; 
} 
 
.Datalist tr:hover td ul.expandedActionsFrame2 
{ 
	display:inline; 
}



.Datalist td:hover 
{
    background-color:#EFF5F9;
}

.Datalist tr
{
	border-bottom:1px solid #ccc;
}

.Datalist  
{
    
}

.Datalist div, .Datalist li
 {    
    
    font-family: Tahoma;
	font-size: 8pt;
}   

.nobottomborder tr 
{
    border-bottom:none;
}

/* DEMO STYLES */
.accountsTreeTH  
{
	background: #D2E6FF!important
}
.objectName a
{
	font-size:10pt;
	font-weight:bold;
}
.addressLine
{
	font-weight:bold
}
.contactLine
{
	
}
.primaryContactLine
{
	margin-bottom:7px;
}
.expandedViewValues 
{
	color:#578F37;
	font-weight:bold;
	padding-right:5px
}
.overdueValues
{
	color:red;
	font-weight:bold;
	padding-right:5px
	
}
.addressLine, .contactLine, .primaryContactLine
{
	margin-top:2px;	
}

.GridPage
{
	font-family: Tahoma;
	font-size: 9pt;
	cursor:pointer;
	padding: 0px 5px 0px 5px;
}

.GridPage_Disabled
{
	font-family: Tahoma;
	font-size: 8pt;
	padding: 0px 5px 0px 5px;
}


.orderItemLine
{
	margin-left:5px;
	border-left:1px solid #ccc;	
	border-top:1px solid #ccc;	
}

.orderItemLine th
{
	height:22px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px;
}

.orderItemLine td
{
	height:30px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

.orderItemLine td table td
{
	height:30px;
	border:none;
}

.orderItemAddInputs
{
	background-color:#ffffb3;
	height: 18px;
	border: solid 1px #cccccc;	
	width:90%;
}

SELECT.orderItemAddInputs
{
	height:22px;	
	margin:5px;
}

.viewOrderItemLine
{
	width:100%;
    border-left:1px solid #ccc;	
	border-top:1px solid #ccc;	

}

.viewOrderItemLine .hideBottomBorder > td
{
    border-bottom: 1px solid transparent !important;
}


.viewOrderItemLine .Head td
{
	font-weight:bold;
	text-decoration:underline;
	height:22px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px;
}

.viewOrderItemLine td
{
	height:20px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

.viewOrderItemLine td table td
{
	height:20px;
	border:none;
}

.priceCell
{
	background-color:#D7DEE0;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}

/*
Change the background-color of group variation
Used in products.xsl
*/
.variationSelected
{ 
  /*height:100% !important;  */
}

.variationDeSelected
{
  height:30px !important;
}








/* The sole reason for the existence of this separate stylesheet is to work around a bug that occurs with the TreeGrid control and Internet Explorer.
The CSS section below wouldn't work anywhere else, not on the UsageDataView page nor on its own file. */
#tabFailedContent .Content, #tabSuccessfulContent .Content { padding: 5px; }

#failedEntries { border-collapse: collapse; }

#failedEntries th { background: url("../../App_Themes/Default/Images/grid_header.gif") repeat-x scroll left top #EFEFEF; }

#failedEntries td, #failedEntries th { border-left: solid 1px #ccc; }

#failedEntries td.erroneousField input {
	background-color: #fee;
	border: 2px solid #f66;
	font-weight: bold;
}

#failedEntries input.ErrorClass { border: 1px solid red !important; }

#failedEntries tr.alt { background-color: #eee; }

#failedEntries input {
	border: 1px solid #999;
	margin: 2px 5%;
	padding: 3px 8px;
	width: 80%;
}

#failedEntries span { padding: 3px; }

#failedEntries .ajax__calendar_body td {
	background-color: White;
	border: 0;
	border-color: White;
	padding: 0;
}

.underline-on-hover:hover {
	text-decoration: underline;
}