/* The CustomerStyleSheet.css file provides a way for customers to alter the
   standard look and feel of Transaction Insight Portal.  It is linked in by the
   StandardMasterPage.master file and can be used to override any of the styling
   defined in BaseStyleSheet.css.

   There are 2 general ways to modify the styling:
   1. Add new styling into this file that is not defined in BaseStyleSheet.css.
   2. Copy some styling from BaseStyleSheet.css into this file and then modify
      it as needed.  (Note: it is usually required to add a "! important"
      declaration after values that are overridden to make sure they take
      precedence over the ones in BaseStyleSheet.css.)

   Do NOT make any changes directly to BaseStyleSheet.css.  If future versions
   or hotfixes of Transaction Insight have any updates to that file, then any
   modifications that were made will be overwritten.
*/


/* =========================================== */
/* Example of different menu background color. */
/* =========================================== */
/* Uncomment the section below, save this file, and then refresh the portal to
   see the effects of the changes.
*/

/*  
.dynamicMenuStyle td:hover {background:#33ff33 ! important;}
*/


/* ==================== */
/* Example of blue top. */
/* ==================== */
/* Uncomment the section below, save this file, and then refresh the portal to
   see the effects of the changes.
*/

.banner .content
{
	height: 85px;
	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/header_logo_smaller3.gif")   ! important;
	background-repeat:no-repeat;
	background-position:20px 7px;
}

.breadcrumbTrail a:link {color:#000000  ! important;}
.breadcrumbTrail a:visited {color:#000000 ! important;}
.breadcrumbTrail a:hover {color:#000000 ! important;}
.breadcrumbTrail a:active {color:#000000 ! important;}


.staticMenuItemStyle a:link {color:#FFFFFF  ! important;}
.staticMenuItemStyle a:visited {color:#FFFFFF  ! important;}
.staticMenuItemStyle a:hover {color:#FFFFFF  ! important;}
.staticMenuItemStyle a:active {color:#FFFFFF ! important;}


.dynamicMenuStyle td:hover {background:#eeeeee ! important ;width:175px;display:block;}

.dynamicMenuItemStyle a:link {color:#000000  ! important;}
.dynamicMenuItemStyle a:visited {color:#000000  ! important;}
.dynamicMenuItemStyle a:hover {color:#9F1B33  ! important;}
.dynamicMenuItemStyle a:active {color:#000000  ! important;}

.main-navgatior-menu
{
    height: 30px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    -moz-border-radius: 5px;
    border-radius: 5px; /* does not work on IE versions below 9*/ 
    background:url("../images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border:solid 1px #9F1B33;
   
}

.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 #000000 ! important;
	margin-bottom:5px;
}

.main-navgatior-menu a:hover
{
  color: #9F1B33 ! important;
}

.header
{
    font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #9F1B33  ! important;
	line-height: 110%;
}


.LoginTable
{
    border: 1px solid black;
	padding: 30px 55px 30px 55px;
	background: #FFFFFF ! important;
	width: 520px;
}

.dataGridHeaderStyle td
{
    background: -webkit-gradient(linear, left top, left bottom, from(#8443c6), to(#663399)) ! important;
    background: -moz-linear-gradient(top,  #8443c6,  #663399) ! important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8443c6', endColorstr='#663399') ! important;
	height: 30px;
	border:0;
	padding-left:15px;
	padding-right: 15px;	
}

.dataGridHeaderStyle  {
    font-family:Arial;
    font-weight: bold;
    font-size: 12px;
    color:White  ! important;
}

.dataGridHeaderStyle a {
	color:White  ! important;
	text-decoration: none;
}

.dataGridPagerStyle td
{
	color: #CCCC00 ! important;
	padding-bottom: 8px;
	background-color: #663399 ! important;
	font-size: 12px;
	white-space: nowrap;
	border:0;

}

.dataGridPagerStyle a:link, .dataGridPagerStyle a:visited, .dataGridPagerStyle a:active
{
	color: white ! important;
}

/* Data Grid Paging Buttons Styles */
.dataGridButtonFirst, .dataGridButtonLast, .dataGridButtonPrevious, .dataGridButtonNext
{
	background-repeat: no-repeat;
	width: 10px;
	margin-left: 10px;
	color: #FFFFFF ! important;
}


.RadGrid_TIPowerGrid .rgHeader
{
    background: -webkit-gradient(linear, left top, left bottom, from(#8443c6), to(#663399)) ! important;
    background: -moz-linear-gradient(top,  #8443c6,  #663399)  ! important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8443c6', endColorstr='#663399') ! important;
	height: 30px;
	border:0;
	padding-left:15px;
	padding-right: 15px;
}

.RadGrid_TIPowerGrid .rgHeader,
.RadGrid_TIPowerGrid .rgHeader a
{
    color:White  ! important;
    text-decoration:none;
}



/*  CUTOFF TO WHAT IS NOT USED  

.banner
{
	background-color: #487ab0;
	border: none;
}

.banner .content
{	
	color: #fbfbfb ! important;	
	background-color:#487ab0;
}

.banner .actions
{
	color:black ! important;
}

table.structure td.leftCell
{
    background-color:#487ab0;
    color:#fbfbfb ;
}

table.structure
{
    background-color:#487ab0;
    border: 1px solid #487ab0;
}

.menu a:link {color:#fbfbfb ! important;}      
.menu a:visited {color:#fbfbfb ! important;}    
.menu a:hover 
{
    color:black ! important;
}   
.menu a:active {color:#fbfbfb ! important;}  

.menu .section .header
{
    color:#fbfbfb ! important;
}
*/