A.hyperlink
{	
	text-decoration:none;
	color: #0033FF;
}
A.hyperlink:hover
{	
	color: #0033FF;
}

A.navglink
{	
	text-decoration:none;
		font-weight:normal;
}

A.navglinkbold:hover
{	
		color: #0033FF;
		font-weight:normal;
}

A.navglinkbold
{	
	text-decoration:none;
		font-weight:bold;
}

A.navglinkbold:hover
{	
		color: #0033FF;
		font-weight:bold;
}

A.navglinklightbold
{	
	text-decoration:none;
		font-weight:bold;
}

A.navglinklightbold:hover
{	
		color: #0033FF;
		font-weight:bold;
}

A.navglinklightbold:link
{	
		color: #FFF;
		font-weight:bold;
}
A.navglinklightbold:visited
{	
		color: #FFF;
		font-weight:bold;
}
A.navglinklightbold:alink
{	
	color: #FFFF00;
	font-weight:bold;
}

.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	font-weight: bold;
	font-style: normal;
}

.divider
{	color:#FFCC00;
	font-size:10px;
}

.logintext
{	color:#FFF;
	font-size:10px;
}

.shareprice
{	
	color:#FFCC00;
}

.howcan
{	color:#FFCC00;
	font-size:10px;
}

.narrowtext
{	
 	font-family:arial narrow, geneva; 
 	font-size: 12px
}
.jumptotext
{	
 	font-size: 11px
}
.buttontext
{	
 	font-size: 11px
}
.inputboxtext
{	
 	font-size: 11px
}
.listboxtext
{	
 	font-size: 11px
}
.mediumtext
{	
 	font-size: 11px
}
.smalltext
{	
 	font-size: 10px
}
.tinytext
{	
 	font-size: 9px
}
.sptext
{	color:#FFF;
	font-size:12px;
}

.bgb
{	background-color: #000;
}

.bgpanel1
{	background-color: #F8F7F1;
}
 
.panelhelp
{
	background-color: #FFF;
	font-size: 11px;
	padding: 5px;

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CFDCE5;
	border-right-color: #CFDCE5;
	border-bottom-color: #CFDCE5;
	border-left-color: #CFDCE5;
}
.panelwarning
{
	background-color: #FFF;
	font-size: 11px;
	border-top: 2px solid #FF0000;
	border-right: 2px solid #FF0000;
	border-bottom: 2px solid #FF0000;
	border-left: 2px solid #FF0000;
	padding: 5px;

}

.panelnews
{
	background-color: #f8f7f1;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

.panelmenu
{
	background-color: #f8f7f1;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

.paneltopicheading
{
	background-color: #f8f7f1;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

.paneloutertable
{
	background-color: #FFF;
	font-size: 11px;
	font-weight: bold;
}

.panelmenu {

	background-color: #f8f7f1;
	border: 1px solid #CCCCCC;
}

.panelprint {
	padding: 1px;
	border-top: 1px solid #000;
	border-right: 1px none #000;
	border-bottom: 1px none #000;
	border-left: 1px none #000;
}

.bgdgA, .bgdgB, .bglogin, .bgdgSP
{	background-color: #666666;
} 	

.hbgdgB
{	background-color: #333333;
} 	

.bgtb
{	background-color: #D4D4D4;
} 		

.bgpy
{	background-color: #FFFFCC;
}
.line
{	background-color: #FFF;
}  

.tbgpy
{	background-color: #FFFFCC;
} 

.bggb
{	background-color: #A3A3A3;
}     

.bgnav
{	background-color: #FFCC00;
}   	

.bgql
{	background-color: #D1D1BD;
}     	

.bgwh
{	background-color: #FFF;
}

.bglg
{	background-color: #EEEEEE;
}

.rbgpy
{	background-color: #FFFFCC;
}  

.rbgql
{	background-color: #D1D1BD;
}   
.blackbullet
{	
	font-size: 13px;
}  
.whitebullet
{	
	font-size: 13px;
	color:#FFF;
}
p
{
	font-size: 11px;
}  

ul
{
	font-size: 11px;
}  

.Heading1 { 
  font-size: 22px; font-weight:bold;}

.Heading2
{ font-size: 20px; font-weight:bold;}

.Heading3
{ font-size: 18px; font-weight:bold;}

.Heading4
{ font-size: 16px; font-weight:bold;}

.Heading5
{ font-size: 14px; font-weight:bold;}

.Heading6
{ font-size: 12px; font-weight:bold;}


.Heading1Light
{ color: #666666; font-size: 22px; font-weight:bold;}

.Heading2Light
{ color: #666666; font-size: 20px; font-weight:bold;}

.Heading3Light
{ color: #666666; font-size: 18px; font-weight:bold;}

.Heading4Light
{ color: #666666; font-size: 16px; font-weight:bold;}

.Heading5Light
{ color: #666666; font-size: 14px; font-weight:bold;}

.Heading6Light
{ color: #666666; font-size: 12px; font-weight:bold;}

.Heading1Negative
{ color: #FFF;  font-size: 22px; font-weight:bold;}

.Heading2Negative
{ color: #FFF;  font-size: 20px; font-weight:bold;}

.Heading3Negative
{ color: #FFF;  font-size: 18px; font-weight:bold;}

.Heading4Negative
{ color: #FFF;  font-size: 16px; font-weight:bold;}

.Heading5Negative
{ color: #FFF;  font-size: 14px; font-weight:bold;}

.Heading6Negative
{ color: #FFF;  font-size: 12px; font-weight:bold;}


.tableheading
{  font-size: 18px; font-weight:bold;}

.subheading
{ font-size: 15px; font-weight:bold; }

.opsize{
	Width : 330px;
}

.bpay
{	
	font-size: 10px;
}

.yellow
{	 font-size: 18px;
	 color:#FFCC00;
}
.input20char {  font-size: 10px; font-weight: bold; color: #0066CC; width: 25px}
.signonboxinput {  font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; color: #FFFF00; background-color: #000; width: 150px; clip:  rect(   )}

.Table1
{
	color: black;
	background-color: white;
}
.Table1Heading
{
	font-weight: bold;
	color: #000;
	background-color: #CCCCCC;
}
.Table1Heading a:link 
{
	color:#000;
}
.Table1Heading a:visited 
{
	color: #000;
}
.Table1Heading a:hover 
{
	text-decoration: underline; color: #000;
}

.Table1Detail
{
	background-color: #FFF;
}
.Table1DetailLight {  background-color: #FFF}
.tdl {  background-color: #FFF}
.Table1DetailDark {  background-color: #F8F9F1}
.tdd{  background-color: #F8F9F1}

.Table2 { color: #000; background-color: #666666}
.Table2Heading {
	color: #FFF;
	background-color: #666666;
	font-weight: bold;
}
.Table2Detail {  background-color: #FFBBCC}

.Table3 { color: #000; background-color: #666666}
.Table3Heading { color: #FFF; background-color: #666666}
.Table3Detail {  background-color: #CCCCCC}

.Table4 { color: #000; background-color: #003376}
.Table4Heading { color: #FFF; background-color: #003376}
.Table4Detail {  background-color: #EEEEEE}

.bg1 {	background-color: #000;}
.bg2 {	background-color: #003376;}
.bg3 {	background-color: #666666;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #FFF;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #0033FF;
	text-decoration: underline;
}

a:active {
	color: #000;

}

a:visited {
	color: #003376;

}

.DialogTextGrey
{
	color: #333333;
	
	font-size: 11px;
	text-indent: 5pt;

}  
.DialogHeadingGrey
{
	color: #666666;
	font-size: 11px;
	font-weight: bold;
}  

td {
	font-size: 11px;
}

td a:link 
{
	color: black;
}

td a:visited 
{
	color: black;
}

td a:hover 
{
	color: black;
}

select {
	font-size: 11px;
}
input {
	font-size: 11px;
}

.cellLeft 
{ 
	padding: 3px;
	text-indent: 0pt;
	vertical-align: top;
	border-left: solid 1px #cccccc; 
	border-right: solid 1px #cccccc; 
	border-bottom: solid 1px #cccccc 
}

.cellRight 
{ 
	padding: 3px;
	text-indent: 0pt;
	vertical-align: top;
	border-right: solid 1px #cccccc; 
	border-bottom: solid 1px #cccccc 
}

.FooterCopyright
{
	color:#FFF;
	font-weight:bold;
	white-space:nowrap;
}

.FooterCopyright a:link
{
	color:#FFF;
	white-space:nowrap;
}

.FooterCopyright a:hover
{
	color:#FFF;
	white-space:nowrap;
}

.FooterCopyright a:visited
{
	color:#FFF;
	white-space:nowrap;
}

.FooterMessage
{
	color:#FFF;
	font-weight:100;
	white-space:nowrap;
}

.FooterLink
{
	font-weight:100;
}
.FooterLink a:link 
{
	color:#000;
}
.FooterLink a:visited 
{
	color: #000;
}
.FooterLink a:hover 
{
	text-decoration: none; color: #FFF;
}

.TrolleyCheckout
{
	color:#FFF;
	font-weight:bold;
	background: transparent;
	text-decoration: none;
}

.TrolleyCheckout:hover 
{
	text-decoration: none; 
	color: Red;
	cursor: pointer;
}

.TrolleyCheckout a
{
	text-decoration: none;
}

.TrolleyCheckout a:hover
{
	text-decoration: none;
}

.thinkcorporatetoolbar
{
	color:#FFF;
	font-weight:bold;
	background: #006699;
	background-image: url(../images/toptoolbar1.gif);
	
}

.profileHeading
{
	font-size: 20px;
	font-weight: bold;
}

.profileSubHeading
{
	font-size: 16px;
	font-weight: bold
}

.profileText
{
	font-size: 16px;
}

.inline-button 
{
   font: 8pt Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   margin: 0 0.2em; 
   padding: 0.1em 0;
   border: 1px  solid black;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #CCC;
   color: black;
   text-align: center;
}

.inline-button span
{
   color: black;
   width:1em;
   cursor:hand;
   margin:1; 
   padding: 0.1em 0.5em 0.1em 0.3em;
   text-decoration: none;
}

.inline-button:hover span
{
   color: yellow;
   background: #CCC;
}

.inline-button:hover
{
   color: yellow;
   background: #CCC;
}

.tab 
{
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
}


.tab ul, 
.tab li	
{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
.tab a 
{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : 10pt;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

.tab a:hover	
{
	color : #f00;
	background : #AAAAAA;
}

.tab ul:hover
{
	color : #f00;
	background : #AAAAAA;
}


.tab-active a,
.tab-active a:hover
{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

.tab-active ul,
.tab-active ul:hover
{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

.GridView
{
	color: black;
	background-color: white;
}

.GridViewHeading
{
	color: #000;
	border-color:#CCC;
	
}
.GridViewHeading a:link 
{
	color:#000;
}
.GridViewHeading a:visited 
{
	color: #000;
}
.GridViewHeading a:hover 
{
	text-decoration: underline; color: #000;
}

.GridViewHeading th
{
	font-weight: bold;
	background-color: #CCC;
}

.GridViewHeading td
{
	border-color:#CCC;
	
}

.GridViewHeadingPager
{
	background-color: #CCC;
}

.GridViewHeadingTotal
{
	background-color: #CCC;
}

.GridViewHeadingFooter
{
	background-color: #CCC;
}

.GridViewDetail
{
	background-color: #FFF;
}

.GridViewHeadingTotal
{
	font-weight:bold;
	height:30px;
	background-color: #CCB;
}

.GridViewHeaderStyle
{
    color:Yellow;
    font-size:10pt;
    background-color: #333366;
}

.GridViewBodyStyle
{
    color:#000;
    font-size:9pt;
    background-color: #FFF;
}

.GridViewAlternateBodyStyle
{
    color:White;
    font-size:9pt;
    background-color: #AAAAFF;
}
.GridViewFooterStyle
{
    color:Yellow;
    font-size:10pt;
    background-color: #0011FF;
  
}

.profileHeading
{
	font-size: 20px;
	font-weight: bold;
}

.profileSubHeading
{
	font-size: 16px;
  	
}

.profileText
{
	font-size: 16px;
	height:100px;
}

#nav {
width: 150px;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav a, #nav h2 {
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#nav h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#nav a {
color: #000;
background: #efefef;
text-decoration: none;
}

#nav a:hover {
color: #a00;
background: #fff;
}

#nav li {
position: relative;
}

#nav a, #nav h2 {
font: 11px Verdana, Arial, Helvetica, sans-serif;
} 

#nav iframe {
position: absolute;
left: 0;
top: 0;
z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

.TitlePanel 
{
	font-weight: bolder;
	 color: White;
	background-color:  #006699; 
}

.ConentPanel
{
	background-color: #F7F6F6;
}


.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
	width:82px;
}



a.ContextMenuItem
{
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 4px 4px 4px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
}

.ProductListHeader{
	width:100%;
	background:#EDEAE6;
}

.refinementPanel{width:100%}

.refinementPanel h2 {
	white-space: nowrap;
	display: block;
	font-weight:bold;
	font-size:11px;
	background-color:#CCC;
	padding: 5px 0px 5px 0px;
	border-top:1px solid #C3C1BF;
	margin:2px 0px 0px 0px;
}

.refinementPanel ul {
	padding:0pt;
	margin:0pt;
}
.refinementPanel li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 1px 0px 1px 3px;
}

.refinementPanel p {
	margin:0pt;
	text-align:center;
}

.PRHistoryHeader
{
	white-space: nowrap;
	font-weight:bold;
	background-color:#DBD5D0;
}

div.RoundPanel {
font-size:1px;
height:1px;
overflow:hidden;
}

.ProductListPanel
{
width:100%;
background-color:#EDEAE6;
border-color:#C3C1BF;
}

.InfoSidebarHeading
{
	font-size: 12px;
	font-weight: bold;
	color: Blue;
}

.InfoSidebarSpacing
{
	height: 10px;
}

.InfoSidebarContent
{
	font-size: 11px;
}

.loginbutton 
{
   font: 8pt Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   margin: 0 0.2em; 
   padding: 0.1em 0;
   border: 1px  solid #CCCCCC;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #FFFBFF;
   color: #284775;
   text-align: center;
}

.loginbutton span
{
   color: black;
   width:1em;
   cursor:hand;
   margin:1; 
   padding: 0.1em 0.5em 0.1em 0.3em;
   text-decoration: none;
}

.loginbutton:hover span
{
   color: #5d7b9d;
   background: #FFFBFF;
   text-decoration: none;
}

.loginheader
{
	font-weight: bold; 
	font-size: 12px; 
	color: #006699;
}

.HeaderMasterTable1Heading
{
	font-weight: bold;
	color: #000;
	background-color: Transparent;
}

.HeaderMasterTable1Heading a:link
{
	color: #000;
}

.HeaderMasterTable1Heading a:hover
{
	color: #000;
}

.HeaderMasterTable1Heading a:visited
{
	color: #000;
}

.TrolleyHeader 
{
	background-color: #E5E5FF;
	border-color: #E5E5FF;
	border: 0px solid #E5E5FF;
	padding: 0 0 0 0;
	font-weight: bold;
}

.TrolleyFooter
{
	font-weight: bold;
}

.TrolleySeparator
{
	background-color: #E5E5FF;
	height:1px;
}

.PurchaseRequestHeader
{
	border-color: #E5E5FF;
	border: 0px solid #E5E5FF;
	padding: 0 0 0 0;
	font-weight: bold;	
}

.AdminHeader 
{
	background-color: #E5E5FF;
	border-color: #E5E5FF;
	border: 0px solid #E5E5FF;
	padding: 0 0 0 0;
	font-weight: bold;
}

.SequenceIndicator span
{
	font-size: larger;
	font-weight: bolder;
}

.SequenceIndicatorActiveStep
{
	border-style: solid;
	border-color: Black;
	border-width: thin;
}

.loginseperator
{
	border-bottom: thin dashed; 
	border-color: #5D7B9D;
}

.SideBar
{
	vertical-align: top;
	background-color: White;
	border-color: White;
	border: 0px solid #E5E5FF;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	width:25%; 
	height: 600px;
}

.tipDiv 
{
font-size:70%;
background:transparent url(/images/tip-box.png) no-repeat scroll;
color:white;
display:none;
font-weight:bolder;
padding:10px 0pt;
position:absolute;
text-align:center;
vertical-align:middle;
visibility:hidden;
width:160px;
z-index:100;

}

.tipDiv #tooltipHolder {
background:black none repeat scroll;

margin:0pt;
padding:0pt;

}

.tipDiv #tooltipFooter {
background:transparent url(/images/tip-box.png) no-repeat scroll left bottom;
display:block;
margin:0pt;
padding-bottom:10px;
width:160px;
}

.watermark
{
	font-style:italic;
	font-size:90%;
}

a.thinkbutton {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; 
    text-decoration: none;
    overflow:hidden;
}

a.thinkbutton span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.thinkbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.thinkbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	background-color:#ffffdd;
	padding:3px;
	width:250px;
}


.faqHeader
{
	font-weight:bold;
	padding:2px;
	padding-left:6px;
}

.faqContent
{
	font-style:italic;
	padding:4px;
	padding-left:8px;
}

.infopaneltitle
{
	color: #006699;
	font-size: 15px;
	font-style:italic;
}

.infopagetitle
{
	font-size: 1.6em;
	color: #396e8f;
	font-weight: bold;
}

.infopagesubheading
{
	font-size: 13px;
	color: #396e8f;
	font-weight: bold;
	font-style: italic;
}

.infopageshighlight
{
	font-weight: bold;
	color: #396e8f;
}

.ProductListSeparator
{
	background-color:#E5E5FF;
	height:1px;
}

.TrolleyControlHeader1, .TrolleyControlHeader2
{
	border-color: #E5E5FF;
	border: 0px solid #E5E5FF;
	padding: 0 0 0 0;
	font-weight: bold;	
	background-color:#E5E5FF;
}

.TrolleyControlHeader2
{
	border-color: #E5E5FF;
	border: 0px solid #E5E5FF;
	padding: 0 0 0 0;
	font-weight: bold;	
	background-color:#CCCCCC;
}

.TrolleySeparator
{
	background-color:#E5E5FF;
	height:1px;
}


.hpanel
{
	float:left;
	width:220px;
	background-color:#fff;
	padding: 5px 5px 5px 5px;
}

.hpanelcontainer
{
	position:relative; 
	background-color:#fff;
	width:690px;
}

.hpaneltitle
{
	font-weight:bold; 
	text-align:center;
	padding:2px 0px 5px 0px;
}

.hpanelcontent
{
	background-color: #fff; 
	min-height: 200px; 
	width: 200px; 
	margin: 0px 3px 0px 3px; 
	padding:5px 5px 5px 5px;
	overflow: hidden;
}

.hpanelcontent1
{
	background-color: #fff; 
	height: 100%; 
	width: 200px; 
	margin: 0px 3px 0px 3px; 
	padding:5px 5px 5px 5px;
	overflow: hidden;
}

.hpanelloading
{
	background: url('/images/busy.gif') no-repeat center; 
}

.xpanelcontent
{
	height: 200px; 
	width: 200px; 
	margin: 0px 3px 0px 3px; 
	padding:5px 5px 5px 5px;
}

.xpanelback
{
  background: url('/images/xpanel_bg.gif'); 
  background-repeat:repeat-x;
}


.miniUserDetailItem
{
	float:left; 
	padding-left:4px;
}

.miniUserDetailGroup
{
	width: 200px;
	float:left;
}

div.RoundPanelWarning_Top4
{
				border-left: solid #FF0000 1px;
				border-right: solid #FF0000 1px;
}

div.RoundPanelWarning_Container
{
				border-left: solid #FF0000 1px;
				border-right: solid #FF0000 1px;
}

div.RoundPanelWarning_Bottom1
{
				border-left: solid #FF0000 1px;
				border-right: solid #FF0000 1px;
}

div.RoundPanelWarning_Bottom2
{
				border-left: solid #FF0000 1px;
				border-right: solid #FF0000 1px;
}

div.RoundPanelWarning_Bottom3
{
				border-left: solid #FF0000 2px;
				border-right: solid #FF0000 2px;
}

div.RoundPanelWarning_Bottom4
{
				border-top: solid #FF0000 1px;
				padding-bottom:5px;
}

.servicesHeading
{
	font-size: 2.5em;
	padding-bottom:10px;
	padding-top: 10px;
	font-weight: normal;
	color: #414B56;
}

.recoverCredentials
{
	text-align:center;
	font-size:12px;
	color: #525C65;
}

.recoverCredentialsSubHeading
{
	
}

.recoverCredentialsEmail
{
	margin-top: 25px;
}

.recoverCredentialsConfirm
{
	margin-top: 25px;
}

.recoverCredentialsSubmit
{
	margin-top: 25px;
}

.breadcrumbs a 
{
	color: #FFF;
	text-decoration: underline;
}

.breadcrumbs a:hover {
	color: #FFF;
	text-decoration: none;
}

.breadcrumbs a:active {
	color: #000;

}

.breadcrumbs a:visited {
	color: #FFF;
}

#rowBanner 
{
	color:#FFF;
}

.RefinementHeader
{
	white-space: nowrap;
	font-weight:bold;
	background-color:#CCCCCC;
	padding-bottom:5px;
	padding-top:5px;
	border-top:1px solid #C3C1BF;
}

.headerStyle            { background-color: #4f5e74; color: #fff; font-weight: bold; }
.rowStyle               { background-color: #e9ecef; }
.alternatingRowStyle    { background-color: #fff; }
.footerStyle            { background-color: #4f5e74; }
.pagerStyle             { background-color: #4f5e74; color: #fff; }
.pagerStyle td table    { margin: auto; }