<style type="text/css">
BODY
{
    BACKGROUND-COLOR: white
}
.Header
{
    BACKGROUND-COLOR: #adc6de;
    BACKGROUND-IMAGE: url(images/wdlogo_ltblue.gif);
    MARGIN: 0px
}
.IESHeader
{
    BACKGROUND-COLOR: #adc6de;
    BACKGROUND-IMAGE: url(ies/images/WDInvoiceHeader.gif);
    MARGIN: 0px
}
.HelpPopupWindow
{
    BACKGROUND-COLOR: #EFF7FF;
    SCROLLBAR-ARROW-COLOR: #93BEE2;
    SCROLLBAR-DARKSHADOW-COLOR: #93BEE2;
    SCROLLBAR-FACE-COLOR: #336699;
    SCROLLBAR-HIGHLIGHT-COLOR: #cccccc;
    SCROLLBAR-SHADOW-COLOR: #93BEE2;
    SCROLLBAR-TRACK-COLOR: #EFF7FF;
    MARGIN: 0px;
}
.HeaderBar
{
    BACKGROUND-COLOR: #666666;
    MARGIN: 0px
}
.TopNav
{
    COLOR: #336699;
    BACKGROUND-COLOR: #336699;
    MARGIN: 0px
}
.MainBody
{
    BACKGROUND-COLOR: white;
    MARGIN: 0px
}
.TreeBody
{
    SCROLLBAR-ARROW-COLOR: #93BEE2;
    SCROLLBAR-DARKSHADOW-COLOR: #93BEE2;
    SCROLLBAR-FACE-COLOR: #336699;
    SCROLLBAR-HIGHLIGHT-COLOR: #cccccc;
    SCROLLBAR-SHADOW-COLOR: #93BEE2;
    SCROLLBAR-TRACK-COLOR: #EFF7FF;
    BACKGROUND-COLOR: #ff000;
    MARGIN: 0px
}
A:link
{
    COLOR: #000099;
}
A:active
{
    COLOR: #336699;
}
A:visited
{
    COLOR: #666666;
}
A:hover
{
    COLOR: #3399ff;
}
TR
{
}
.TableHeader
{
    BACKGROUND: #336699;
    COLOR: #ffffff;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}
TD
{
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 10pt
}
.HeaderBar
{
    COLOR: #ffffff;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.TopNavText
{
    BACKGROUND-COLOR: #336699;
    COLOR: #ffffff;
    CURSOR: hand;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.TreeText
{
    BACKGROUND-COLOR: #336699;
    COLOR: #000000;
    CURSOR: hand;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.AltRow
{
    BACKGROUND-COLOR: #cccccc
}
.AltRowLight
{
    BACKGROUND-COLOR: #EEEEEE
}
.TableHeaderText
{
    BACKGROUND: #336699;
    COLOR: #ffffff;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}
.PagingText
{
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 8pt;
}
P
{
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 10pt
}
.LeftNavOff
{
    BACKGROUND-COLOR: #336699;
    BORDER-BOTTOM: #336699 1px solid;
    BORDER-LEFT: #336699 1px solid;
    BORDER-RIGHT: #336699 1px solid;
    BORDER-TOP: #336699 1px solid;
    COLOR: #ff0000;
    CURSOR: hand;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 20px;
    MARGIN: 2px 1px;
    PADDING-BOTTOM: 3px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 3px;
    PADDING-TOP: 3px;
    TEXT-DECORATION: none;
    WIDTH: 147px
}
.LeftNavUp
{
    BACKGROUND-COLOR: #336699;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    COLOR: #ffffff;
    CURSOR: hand;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 20px;
    MARGIN: 2px 1px;
    PADDING-BOTTOM: 3px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 3px;
    PADDING-TOP: 3px;
    TEXT-DECORATION: none;
    WIDTH: 147px
}
.LeftNavDown
{
    BACKGROUND-COLOR: #336699;
    BORDER-BOTTOM: #ffffff 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #000000 1px solid;
    COLOR: #ffffff;
    CURSOR: hand;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 20px;
    MARGIN: 2px 1px;
    PADDING-BOTTOM: 3px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 3px;
    PADDING-TOP: 3px;
    TEXT-DECORATION: none;
    WIDTH: 147px
}
.LeftNavBody
{
    BACKGROUND-COLOR: #336699;
    MARGIN: 0px
}
.HelpText
{
    COLOR: #336699;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 10px;
    PADDING-LEFT: 7px;
    MARGIN-TOP: 7px
}
.HelpHeadingText
{
    COLOR: #336699;
    FONT-WEIGHT: bold;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 8pt;
    PADDING-LEFT: 7px;
    MARGIN-TOP: 7px
}
.ClassicViewOff
{
    BACKGROUND-COLOR: #EFF7FF;
    COLOR: #336699;
    CURSOR: hand;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-DECORATION: none;
}
.ClassicViewUp
{
    BACKGROUND-COLOR: #93BEE2;
    COLOR: #FFFFFF;
    CURSOR: hand;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-DECORATION: none;
}
.ClassicViewDown
{
    BACKGROUND-COLOR: #93BEE2;
    COLOR: #336699;
    CURSOR: hand;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-DECORATION: none;
}
.ClassicViewSeperator
{
    COLOR: #336699;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}
.ClassicViewBorder
{
    BORDER-LEFT: 1px solid #93BEE2;
    BORDER-RIGHT: 1px solid #93BEE2;
    BORDER-BOTTOM: 1px solid #93BEE2;
}
.ClassicViewHeading
{
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: #336699;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    FONT-FAMILY: arial, helvetica;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 4px;
    LINE-HEIGHT: 9px;
    BORDER-BOTTOM: 1px solid #93BEE2;
}
.ClassicViewBody
{
    BACKGROUND-COLOR: #EFF7FF;
    COLOR: #336699;
    MARGIN: 0px
    SCROLLBAR-ARROW-COLOR: #93BEE2;
    SCROLLBAR-DARKSHADOW-COLOR: #93BEE2;
    SCROLLBAR-FACE-COLOR: #336699;
    SCROLLBAR-HIGHLIGHT-COLOR: #cccccc;
    SCROLLBAR-SHADOW-COLOR: #93BEE2;
    SCROLLBAR-TRACK-COLOR: #EFF7FF;
}
.RefreshOff
{
    BACKGROUND-COLOR: #336699;
    BORDER-BOTTOM: #336699 1px solid;
    BORDER-LEFT: #336699 1px solid;
    BORDER-RIGHT: #336699 1px solid;
    BORDER-TOP: #336699 1px solid;
    COLOR: #ffffff;
    CURSOR: hand;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    PADDING-BOTTOM: 3px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-DECORATION: none
    TEXT-ALIGN: right;
    WIDTH: 22;
    HEIGHT: 20;
}
.RefreshUp
{
    BACKGROUND-COLOR: #336699;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    COLOR: #ffffff;
    CURSOR: hand;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 3px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-DECORATION: none;
    WIDTH: 22;
    HEIGHT: 20;
}
.RefreshDown
{
    BACKGROUND-COLOR: #336699;
    BORDER-BOTTOM: #ffffff 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #000000 1px solid;
    COLOR: #ffffff;
    CURSOR: hand;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 10px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 3px;
    TEXT-DECORATION: none;
    WIDTH: 22;
    HEIGHT: 20;
}
.RefreshHeading
{
    BACKGROUND-COLOR: #336699;
    BORDER-BOTTOM: #336699 1px solid;
    BORDER-LEFT: #336699 1px solid;
    BORDER-RIGHT: #336699 1px solid;
    BORDER-TOP: #336699 1px solid;
    COLOR: #ffffff;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}
.ShowHelpOff
{
    BACKGROUND-COLOR: #666666;
    BORDER-BOTTOM: #666666 1px solid;
    BORDER-LEFT: #666666 1px solid;
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    COLOR: #ffffff;
    CURSOR: hand;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    WIDTH: 60;
}
.ShowHelpUp
{
    BACKGROUND-COLOR: #666666;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    COLOR: #ffffff;
    CURSOR: hand;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    WIDTH: 60;
}
.ShowHelpDown
{
    BACKGROUND-COLOR: #666666;
    BORDER-BOTTOM: #ffffff 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #000000 1px solid;
    COLOR: #ffffff;
    CURSOR: hand;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    WIDTH: 60;
}
.FormBtn
{
    BACKGROUND: #336699;
    COLOR: #ffffff;
    CURSOR: hand;
    FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold
}
.FormSelect
{
    BACKGROUND-COLOR: #EFF7FF;
    COLOR: #336699;
    FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal
}
.FormText
{
    COLOR: #336699;
    FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal
}
.FormInvoiceText
{
    COLOR: #000000;
    BACKGROUND: #ffffff;
    FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal
}
.MainRightHeader
{
    BACKGROUND-COLOR: #adc6de;
    BACKGROUND-IMAGE: url(images/main_pic.gif);
    BACKGROUND-POSITION: right center;
    BACKGROUND-REPEAT: no-repeat
}
.AdminRightHeader
{
    BACKGROUND-COLOR: #adc6de;
    BACKGROUND-IMAGE: url(images/admin_pic.gif);
    BACKGROUND-POSITION: right center;
    BACKGROUND-REPEAT: no-repeat
}
A.topnav:link
{
    BACKGROUND-COLOR: transparent;
    COLOR: #ffffff;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.topnav:visited
{
    BACKGROUND-COLOR: transparent;
    COLOR: #ffffff;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.topnav:hover
{
    BACKGROUND-COLOR: transparent;
    COLOR: #ffffff;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
A.adminheader:link
{
    COLOR: #ffffff;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.adminheader:visited
{
    COLOR: #ffffff;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.adminheader:hover
{
    COLOR: #ffffff;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
A.treeview:link
{
    COLOR: #000099;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none
}
A.treeview:visited
{
    COLOR: #000099;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none
}
A.treeview:hover
{
    COLOR: #3399ff;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 11px;
    TEXT-DECORATION: underline
}
.TabHeader
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, arial, helvetica;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold
}
.BodyHeader
{
    COLOR: #000000;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 22px;
    FONT-WEIGHT: bold
}
.BodyHeaderScreened
{
    COLOR: #adc6de;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 18pt;
    FONT-WEIGHT: normal;
    LETTER-SPACING: -2px
}
.FrameBar
{
    BORDER-RIGHT: #336699 1px solid;
    BORDER-TOP: #000000 1px solid
}
.FrameBar2
{
    BORDER-LEFT: #336699 2px groove;
    BORDER-TOP: #000000 1px solid
}
.ConfigFrameBar
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #000000 1px solid
}
.ConfigFrameBar2
{
    BORDER-LEFT: #666666 2px groove;
    BORDER-TOP: #000000 1px solid
}
.ShadedTabLeft
{
    BACKGROUND-COLOR: #336699;
    BACKGROUND-IMAGE: url(images/misc_roundLeft.gif);
    BACKGROUND-POSITION: top left;
    BACKGROUND-REPEAT: no-repeat
}
.ShadedTabRight
{
    BACKGROUND-COLOR: #336699;
    BACKGROUND-IMAGE: url(images/misc_roundRight.gif);
    BACKGROUND-POSITION: top right;
    BACKGROUND-REPEAT: no-repeat
}
.ShadedHeader
{
    BACKGROUND-COLOR: #336699;
    COLOR: #ffffff;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 12px;
    FONT-WEIGHT: 600;
    BORDER: 1px solid #336699;
    LETTER-SPACING: 0px;
}
.ShadedBody
{
    BACKGROUND-COLOR: #EFF7FF;
    COLOR: #336699;
    BORDER: 1px solid #336699;
}
.ShadedBodyText
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial, helvetica;
    COLOR: #336699;
}
.MenuSeperator
{
    BORDER-TOP: 1px solid #204D7A;
    BORDER-BOTTOM :1px solid #7EA3C8;
}
.vMenuSeperator
{
    BORDER-RIGHT: 1px solid #7BA2CE;
    BORDER-LEFT: 1px solid #002F5F;
}
.Scrolling
{
    width:450px; 
    height:150px; 
    overflow: auto;
}
/* Menus - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0;}

/*Style for the background-bar*/
.menuBar{position:absolute; width:10; height:10; background-color:#336699; layer-background-color:#336699; visibility:hidden;}

/*Styles for level 0*/
.menu0,.menu0over{position:absolute; padding:5px; font-family:arial, helvetica; font-size:12px; font-weight:bold}
.menu0{background-color:#336699; layer-background-color:#336699; color:white;}
.menu0over{background-color:#93BEE2; layer-background-color:#93BEE2; color:#003366; cursor:pointer; cursor:hand; }
.menu0border{position:absolute; visibility:hidden; background-color:#336699; layer-background-color:#336699}

/*Styles for level 1*/
.menu1,.menu1over{position:absolute; padding:2px; font-family:arial, helvetica; font-size:11px; font-weight:bold}
.menu1{background-color:#336699; layer-background-color:#336699; color:white;}
.menu1over{background-color:#93BEE2; layer-background-color:#93BEE2; color:#003366; cursor:pointer; cursor:hand; }
.menu1border{position:absolute; visibility:hidden; background-color:#336699; layer-background-color:#336699}

/* Tabs - default styles - do not edit */
	/*               LEGEND               
	| .content    -- the content div             |
	| #tabs       -- the div that holds all tabs |
	| .tab        -- an inactive tab             |
	| .tabActive  -- an active tab               |
	| .tabHover  -- an inactive tab onMouseOver  |
	|___________________________________________*/

.content
{
	position: absolute;
	font-family: arial, helvetica;
	padding: 12px 12px 12px 12px;
	margin: 0 3px;
	border: 1px solid #336699;
	width: 100%;
	border-top: 1px solid #336699;
	border-left: 1px solid #336699;
	z-index: 500;
	background-color: #EFF7FF;
}
#content1
{
	visibility: visible;
}
#content2,#content3,#content4,#content5,#content6,#content7,#content8
{
	z-index:1;visibility: hidden;
}
#tabs
{
	position: relative;
	height: 22px;
	font-size: 12px;
	font-family: arial, helvetica;
	cursor: default !important;
	font-weight: 600 !important;
	z-index: 10000;
}
.tab
{
	font: inherit;
	position: relative;
	border: 1px solid #336699;
	border-bottom: 1px solid #336699;
	padding:2px 5px 1px 5px;
	margin: 3px;
	background-color: #EFF7FF;
	color:#336699;
	top: 6px;
	z-index: 100;
	border-bottom: 1px solid #336699;
}
.tabActive
{
	padding: 2px 5px 1px 5px;
	color: #336699 !important;
	background-color: #EFF7FF !important;
	top: 9px;
	z-index: 10000;
	border-bottom: 0;
}
.graytab
{
	font: inherit;
	position: relative;
	border: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding:2px 5px 1px 5px;
	margin: 3px;
	background-color: #cccccc;
	color: #000000;
	top: 6px;
	z-index: 100;
}
.graytabActive
{
	padding: 2px 5px 1px 5px;
	color: #000000 !important;
	background-color: #cccccc !important;
	top: 9px;
	z-index: 10000;
	border-bottom: 0;
}
.tabHover
{
	border: 1px solid #336699;
	padding:2px 5px 1px 5px;
	background-color: #336699;
	color:#ffffff;
	top: 6px;
	z-index: 1200;
	border-bottom: 0;
}
.tabsClone .tab,.tabsClone .tabActive
{
	border-top-width:0;
	border-bottom-width:1px;
    
	/* round corners for netscape6.2+ and Mozilla */
	-Moz-Border-Radius: 0 0 6px 6px;
}
.tabsClone .tabActive
{
	top:-2px;
}
a.removeTab
{
	font-size: smaller;
	text-decoration: none;
}

</style>