#header
{
 	height: 54px;
}

/* PageColor Default */
#header,
.Default #header
{
}

/* PageColor Purple */
.Purple #header
{
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#d1c8db', endColorStr='#ffffff', gradientType='0');
}

/* PageColor Blue */
.Blue #header
{
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#e3e3e3', endColorStr='#ffffff', gradientType='0');
}

/* PageColor Orange */
.Orange #header
{
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffd687', endColorStr='#ffffff', gradientType='0');
}

/* PageColor Green */
.Green #header
{
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#abc3a3', endColorStr='#ffffff', gradientType='0');
}

/* PageColor Maroon */
.Maroon #header
{
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#d19e95', endColorStr='#ffffff', gradientType='0');
}

#header .brandSection td.logo
{
  position:relative;
  left: 2px;
 	background: transparent url('img/eip_logo.gif') no-repeat;
 	width: 115px;
 	height: 50px;
}

#header .brandSection span.product
{
  display:none;
  margin-top: -1px;
  margin-left: 20px;
}

#header .navSection
{
  text-align: right;
}

/* PageColor Default */
#header .navSection,
.Default #header .navSection
{
  position:absolute;
  right:0px;
  margin-right: 80px;
}

/* PageColor Purple */
.Purple #header .navSection
{
  background: transparent url('img/Purple_topRightbg.gif') no-repeat;
}

/* PageColor Orange */
.Orange #header .navSection
{
  background: transparent url('img/Orange_topRightbg.gif') no-repeat;
}

#header .navSection a.navLink
{
  color: #22145c;
}

#header .navSection span.bullet
{
  color: #e8b730;
}

#header .navSection span.smallLogo
{
}

#header .smallLogoBg
{
  position: absolute;
  right: 0px;
  top: 0px;
  background: transparent url('img/headerlogo.png') no-repeat top right;
  width: 82px;
  height: 89px;
}

/* PageColor Default */
#footer,
.Default #footer
{
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#9bcef2', gradientType='0');
}

/* PageColor Purple */
.Purple #footer
{
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#d1c8db', gradientType='0');
}

/* PageColor Blue */
.Blue #footer
{
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#7fb2e7', gradientType='0');
}

/* PageColor Orange */
.Orange #footer
{
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#ffd687', gradientType='0');
}

/* PageColor Green */
.Green #footer
{
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#abc3a3', gradientType='0');
}

/* PageColor Maroon */
.Maroon #footer
{
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#d19e95', gradientType='0');
}

/* welcome */
.welcome
{
  color: #22145c;
  font-weight: bold;
}

/* PageColor Default */
.welcome table,
.Default .welcome table
{
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#e7e4e0', endColorStr='#ffffff', gradientType='0');
}

/* PageColor Orange */
.Orange .welcome table
{
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#bdcd8b', endColorStr='#ffffff', gradientType='0');
}

/* box */
.box
{
	border: solid 1px #22145c;
}

.box .boxTitle
{
  background: url(img/buildings.jpg) no-repeat right center; 
  height: 30px;
  background-color: #22145c;
  color: #fff;    
}

.box .boxTitle span
{
  position: fixed;
  padding-top: 5px;
}

.box .boxContent
{
 	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#9bcef2', endColorStr='#ffffff', gradientType='0');
 	color: #22145c;
}

.box.signIn .boxContent .message
{
  color: #c83828;
}

/* buttons */
.buttonLarge a 
{
  background: url(img/button/buttonLargeLeft.gif) no-repeat left top; 
}

.buttonLarge a span 
{
  background: url(img/button/buttonLargeRight.gif) no-repeat right top; 
  color:#FFF !important; 
}

.buttonLarge a:hover span 
{
  color:#000 !important; 
}

.buttonLarge.disabled a
{
	background: url(img/button/buttonLargeDisabledLeft.gif) no-repeat left top;
}

.buttonLarge.disabled a span
{
	background: url(img/button/buttonLargeDisabledRight.gif) no-repeat right top; 
	color:#808080 !important; 
}

.buttonLarge.disabled a:hover span 
{
  color:#808080 !important; 
}


.buttonSmall a 
{
  color:#FFF; 
  background: transparent url(img/button/buttonSmallLeft.gif) no-repeat left top; 
}

.buttonSmall a span 
{
  color:#FFF; 
  background: transparent url(img/button/buttonSmallRight.gif) no-repeat right top; 
  color:#FFF !important; 
}

.buttonSmall a:hover span 
{
  color:#000 !important; 
}

.buttonSmall.disabled a 
{
  color:#808080; 
  background: transparent url(img/button/buttonSmallDisabledLeft.gif) no-repeat left top; 
}

.buttonSmall.disabled a span 
{
  background: transparent url(img/button/buttonSmallDisabledRight.gif) no-repeat right top; 
  color:#808080 !important; 
}

.buttonSmall.disabled a:hover span 
{
  color:#808080 !important; 
}

/* shim */
/* PageColor Default */
.shim,
.Default .shim
{
  background-color: #22145c;
}

/* PageColor Purple */
.Purple .shim
{
  background-color: #4e2373;
  opacity: .6;
  filter: alpha(opacity=60);
}

/* PageColor Blue */
.Blue .shim
{
  background-color: #7fb2e7;
  opacity: .6;
  filter: alpha(opacity=60);
}

/* PageColor Orange */
.Orange .shim
{
  background-color: #e0891a;
  opacity: .9;
  filter: alpha(opacity=90);
}


/* PageColor Green */
.Green .shim
{
  background-color: #abc3a3;
  opacity: .9;
  filter: alpha(opacity=90);
}

/* PageColor Maroon */
.Maroon .shim
{
  background-color: #d19e95;
  opacity: .9;
  filter: alpha(opacity=90);
}

/* portal tabs */
.barContainer .quickSearch .text
{
  padding-top: 3px;
  margin-left:3px;
  margin-right:3px;
}

.barContainer .quickSearch .go,
.barContainer .quickSearch .option a
{
  border-color: #e2dfd9;
}

.barContainer .quickSearch .go
{
  color: #fff;
  background-color: #940029;
}

/* PageColor Default */
.barContainer .quickSearch .option,
.Default .barContainer .quickSearch .option
{  
  background-color: #940029;
}

.Default .barContainer .quickSearch .option a,
.barContainer .quickSearch .option a
{
  color: #fff;
}

.Default .barContainer .quickSearch .text,
.barContainer .quickSearch .text
{
  color: #000;
}

/* PageColor Purple */
.Purple .barContainer .quickSearch .option
{
  background-color: #926cbc;
}

.Purple .barContainer .quickSearch .text
{
  color: #fff;
}

.Purple .barContainer .quickSearch .option a
{
  color: #fff;
}

/* PageColor Blue */
.Blue .barContainer .quickSearch .option
{
  background-color: #7fb2e7;
}

.Blue .barContainer .quickSearch .option a
{
  color: #000;
}

.Blue .barContainer .quickSearch .text
{
  color: #fff;
}

/* PageColor Orange */
.Orange .barContainer .quickSearch .option
{
  background-color: #e39321;
}

.Orange .barContainer .quickSearch .text
{
  color: #000;
}

.Orange .barContainer .quickSearch .option a
{
  color: #fff;
}

/* PageColor Green */
.Green .barContainer .quickSearch .option
{
  background-color: #abc3a3;
}

.Green .barContainer .quickSearch .text
{
  color: #fff;
}

.Green .barContainer .quickSearch .option a
{
  color: #fff;
}

/* PageColor Maroon */
.Maroon .barContainer .quickSearch .option
{
  background-color: #d19e95;
}

.Maroon .barContainer .quickSearch .text
{
  color: #fff;
}

.Maroon .barContainer .quickSearch .option a
{
  color: #000;
}

.barContainer .quickSearchResult
{
  color: #000;
  border-left: solid 1px #cbbcda;
  border-right: solid 1px #cbbcda;
  border-bottom: solid 1px #cbbcda;
}

.barContainer .quickSearchResult .header
{
  background: transparent url('img/window/barbg.png') repeat-x;
}

.barEmpty
{
  background: transparent url('img/barbg.gif') repeat-x;
}

.portalTab,
.tab
{
	font-size: 12px;
	text-align: center;
}

.portalTab ul
{
	padding: 6px 6px 0px 6px;
}

.portalTab li a
{
	padding-left: 10px;
	background: transparent url('img/tab/tabLeftOff.gif') 0px 0px no-repeat;
	color: #22145c;
	font-weight: normal;
	text-decoration: none;
	line-height: 22px;
}

.portalTab li a .wrap
{
	color: #22145c;
	padding-right: 10px;
	background: transparent url('img/tab/tabRightOff.gif') right 0px no-repeat;
}

.portalTab li a:hover
{
	color: #22145c;
	text-decoration: underline;
}

.portalTab li a .innerWrap
{
	padding: 0 5px;
	background:transparent url('img/tab/tabMiddleOff.gif') 0px 0px repeat-x;
}

.portalTab li a .optionGlyph
{
	background: url('img/tab/tabMiddleOff.gif') repeat-x;
	height: 22px;
}

.portalTab li a .inPlaceEdit
{
	background: url('img/tab/tabMiddleOff.gif') repeat-x;
}

.portalTab li a.selected
{
	font-weight:bold;
}

/* PageColor Default */
.portalTab li a.selected,
.Default .portalTab li a.selected
{
	background: #e8b730 url('img/tab/tabLeftOn.gif') 0px 0px no-repeat;
}

.portalTab a.selected,
.portalTab a.selected .wrap,
.portalTab a:hover.selected,
.portalTab li a.selected .inPlaceEditBox,
.Default .portalTab a.selected,
.Default .portalTab a.selected .wrap,
.Default .portalTab a:hover.selected,
.Default .portalTab li a.selected .inPlaceEditBox
{
	color: #fff;
	font-weight: bold;
}


/* PageColor Purple */
.Purple .portalTab li a.selected
{
	background: #a991c1 url('img/tab/tabLeftOn.gif') 0px 0px no-repeat;
}

.portalTab a.selected,
.portalTab a.selected .wrap,
.portalTab a:hover.selected,
.portalTab li a.selected .inPlaceEditBox,
.Purple .portalTab a.selected,
.Purple .portalTab a.selected .wrap,
.Purple .portalTab a:hover.selected,
.Purple .portalTab li a.selected .inPlaceEditBox
{
	color: #fff;
}

/* PageColor Blue */
.Blue .portalTab li a.selected
{
	background: #236fbd url('img/tab/tabLeftOn.gif') 0px 0px no-repeat;
}

.Blue .portalTab a.selected,
.Blue .portalTab a.selected .wrap,
.Blue .portalTab a:hover.selected,
.Blue .portalTab li a.selected .inPlaceEditBox
{
	color: #fff;
}

/* PageColor Orange */
.Orange .portalTab li a.selected
{
	background: #ffcf63 url('img/tab/tabLeftOn.gif') 0px 0px no-repeat;
}

.Orange .portalTab a.selected,
.Orange .portalTab a.selected .wrap,
.Orange .portalTab a:hover.selected,
.Orange .portalTab li a.selected .inPlaceEditBox
{
	color: #000;
}

/* PageColor Green */
.Green .portalTab li a.selected
{
	background: #638658 url('img/tab/tabLeftOn.gif') 0px 0px no-repeat;
}

.Green .portalTab a.selected,
.Green .portalTab a.selected .wrap,
.Green .portalTab a:hover.selected,
.Green .portalTab li a.selected .inPlaceEditBox
{
	color: #fff;
}

/* PageColor Maroon */
.Maroon .portalTab li a.selected
{
	background: #a55647 url('img/tab/tabLeftOn.gif') 0px 0px no-repeat;
}

.Maroon .portalTab a.selected,
.Maroon .portalTab a.selected .wrap,
.Maroon .portalTab a:hover.selected,
.Maroon .portalTab li a.selected .inPlaceEditBox
{
	color: #fff;
}

.portalTab li a.selected .wrap
{
	background: transparent url('img/tab/tabRightOn.gif') no-repeat right;
}

.portalTab li a.selected .innerWrap,
.portalTab li a.selected .optionGlyph,
.portalTab li a.selected .inPlaceEdit
{
	background: transparent url('img/tab/tabMiddleOn.gif') repeat-x;
}

.portalTab li a .inPlaceEditBox,
.portalTab li a.selected .inPlaceEditBox
{
  margin-top: 3px;
  height:17px;
}

.portalTab li a .inPlaceEditBox
{
  color: #000;
}

/* arrows */
.portalTab .rightArrow, 
.portalTab .leftArrow,
.portalTab .rightArrowDisabled, 
.portalTab .leftArrowDisabled
{
	width:17px;
	height: 22px;
	text-indent: -10000px;
	background-position: left 3px;
	background-repeat: no-repeat;
	background-color: #fff;
}

.portalTab .leftArrow
{
	background-image: url(img/tab/ScrollLeft.png);
}

.portalTab .rightArrow
{
	background-image: url(img/tab/ScrollRight.png);
}

/* Disabled Arrows */

.portalTab .rightArrowDisabled, 
.portalTab .leftArrowDisabled
{
	cursor: default;
}

.portalTab .leftArrowDisabled
{
	background-image: url(img/tab/ScrollLeftDisabled.png);
}

.portalTab .rightArrowDisabled
{
	background-image: url(img/tab/ScrollRightDisabled.png);
}

/* Disabled tab */

.portalTab li a.disabled,
.portalTab li a.disabled:hover
{
	color: #808080;
}

/* barContainer */

/* PageColor Default */
.barContainer,
.Default .barContainer
{
  background-color: #9bcef2;
}

/* PageColor Purple */
.Purple .barContainer
{
  background-color: #a991c1;
}

/* PageColor Blue */
.Blue .barContainer
{
  background-color: #236fbd;
}

/* PageColor Orange */
.Orange .barContainer
{
  background-color: #ffcf63;
}

/* PageColor Green */
.Green .barContainer
{
  background-color: #638658;
}

/* PageColor Maroon */
.Maroon .barContainer
{
  background-color: #a55647;
}

.barEmpty
{
  background: transparent url('img/barbg.gif') repeat-x;
}

/* panel */
.panelContainer
{
  border-top: solid 1px #b5b5b5;
  border-bottom: solid 1px #b5b5b5;
  border-left: solid 1px #b5b5b5;
}

/* PageColor Default */
.panelTitle,
.Default .panelTitle
{
  background: transparent url(img/bg1.png) repeat-x bottom;
}

/* PageColor Purple */
.Purple .panelTitle
{
  background: transparent url(img/Purple_bg1.png) repeat-x bottom;
}


/* PageColor Blue */
.Blue .panelTitle
{
  background: transparent url(img/Blue_bg1.png) repeat-x bottom;
}

/* PageColor Orange */
.Orange .panelTitle
{
  background: transparent url(img/Orange_bg1.png) repeat-x bottom;
}

/* PageColor Green */
.Green .panelTitle
{
  background: transparent url(img/Green_bg1.png) repeat-x bottom;
}

/* PageColor Maroon */
.Maroon .panelTitle
{
  background: transparent url(img/Maroon_bg1.png) repeat-x bottom;
}

.panelTitleText
{
  color: #000;
}

.panelButton.pinOff
{
  background: transparent url('img/window/PinOff.gif') no-repeat;
}

.panelButton.pinOn
{
  background: transparent url('img/window/PinOn.gif') no-repeat;
}

/* leftPanelBar */
.leftPanelBar
{
	background: white;
	border: solid 1px #9096a1;
}

.leftPanelBar .text
{
	color: #000;
	padding-left: 18px;
	font-size: 12px;
	font-weight:bold;
}

.leftPanelBar .container .text
{
	background: url('img/panelbar/HeaderArrowExpanded.gif') no-repeat 98% center;
	line-height: 20px;
	border-bottom: solid 1px #000;
	border-top: solid 1px #d9d9d9;
}

.leftPanelBar .container .text.collapsed
{
	background: url('img/panelbar/HeaderArrowCollapsed.gif') no-repeat 98% center;
}

.leftPanelBar ul.container .slide .link
{
	background-color: #fff;
}

/* PageColor Default */
.leftPanelBar .container .link,
.Default .leftPanelBar .container .link
{
	background-color: #9bcef2;
}

/* PageColor Purple */
.Purple .leftPanelBar .container .link
{
	background-color: #d1c8db;
}

.Purple .leftPanelBar .container .link .text
{
  color: #000;
}

.Purple .leftPanelBar ul.container .slide .link .text
{
	color: #000;
}

/* PageColor Blue */
.Blue .leftPanelBar .container .link
{
	background-color: #236fbd;
}

.Blue .leftPanelBar .container .link .text
{
  color: #fff;
}

.Blue .leftPanelBar ul.container .slide .link .text
{
	color: #000;
}

/* PageColor Orange */
.Orange .leftPanelBar .container .link
{
	background-color: #ffd687;
}

/* PageColor Green */
.Green .leftPanelBar .container .link
{
	background-color: #638658;
}

.Green .leftPanelBar .container .link .text
{
  color: #fff;
}

.Green .leftPanelBar ul.container .slide .link .text
{
	color: #000;
}

/* PageColor Maroon */
.Maroon .leftPanelBar .container .link
{
	background-color: #a55647;
}

.Maroon .leftPanelBar .container .link .text
{
  color: #fff;
}

.Maroon .leftPanelBar ul.container .slide .link .text
{
	color: #000;
}

.leftPanelBar .group .text
{
	border: 0px;
	background: none;
	color: #333;
	font-weight: normal;
	font-size: 80%;
}

.leftPanelBar .group .link
{
	background: none;
	border-bottom: solid 1px #9096a1;
}

.leftPanelBar .group .link:hover
{
	background: #f6f6f5;
	border-bottom: solid 1px #000;
}

.leftPanelBar .group .link .selected
{
	/**/
}

.leftPanelBar .container .selected
{
	background: url('img/panelbar/HeaderBg.gif') repeat-x;
}

.leftPanelBar .group .selected, 
.leftPanelBar .group .selected:hover
{
	background: none;
	border-bottom: 0px;
}

.leftPanelBar .container .expanded .text
{
	background: url('img/panelbar/ExpandedBg.gif') no-repeat 98% center;
	font-weight: bold;
}

.leftPanelBar .group .selected .text
{
	font-weight: normal !important;
	border: 0px;
	border-bottom: solid 1px #accb2d;
	background: #dcfc5c;
	color: #333;
}

.leftPanelBar .group .expanded .text
{
	color: #000;
	background: #dcfc5c;
	font-weight: normal !important;
	text-decoration: underline !important
}

.leftPanelBar .level2 .text
{
	padding-left: 36px;
	line-height: 28px;
}

.leftPanelBar .container .disabled:hover,
.leftPanelBar .container .disabled .text
{
	background: #95b6e0 url('img/panelbar/HeaderBg.gif') repeat-x;
	color: #ccc;
	cursor: default;
}

.leftPanelBar .container .group .disabled:hover,
.leftPanelBar .container .group .disabled .text
{
	text-decoration: none;
	border-bottom: solid 1px #f0f2f3;
	background: none;
	color: #ccc;
	cursor: default;
}

/* resizeBar */
.resizeBar
{
  border-top: solid 1px #9096a1;
  border-bottom: solid 1px #9096a1;
	background: url(img/splitter/splitterbg.gif) repeat-y right;
}

.resizeBar.collapse a .collapseBar
{
 	background: transparent url(img/splitter/splitter_horCol.gif) no-repeat;
}

.resizeBar.expand a .collapseBar
{
 	background: transparent url(img/splitter/splitter_horExp.gif) no-repeat;
}

.resizeBar.collapse a:hover .collapseBar
{
 	background: transparent url('img/splitter/splitter_horColHover.gif') no-repeat;
}

.resizeBar.expand a:hover .collapseBar
{
 	background: transparent url('img/splitter/splitter_horExpHover.gif') no-repeat;
}

.resizeBarRight
{
  border-top: solid 1px #9096a1;
  border-bottom: solid 1px #9096a1;
	background: url(img/splitter/splitterRightbg.gif) repeat-y right;
}

.resizeBarRight.collapse a .collapseBar
{
 	background: transparent url(img/splitter/splitter_horExp.gif) no-repeat;
}

.resizeBarRight.expand a .collapseBar
{
 	background: transparent url(img/splitter/splitter_horCol.gif) no-repeat;
}

.resizeBarRight.collapse a:hover .collapseBar
{
 	background: transparent url('img/splitter/splitter_horExpHover.gif') no-repeat;
}

.resizeBarRight.expand a:hover .collapseBar
{
 	background: transparent url('img/splitter/splitter_horColHover.gif') no-repeat;
}

/* Window */

.window .windowHeaderLeft
{
	background: transparent url('img/window/HeaderLeft.gif') repeat-x;
	width: 6px;
	height: 30px;
}

.window.disabled .windowHeaderLeft
{
	background: transparent url('img/window/HeaderLeftOff.gif') repeat-x;
	width: 6px;
	height: 30px;
}

.window .windowHeaderTop
{
	height: 3px;
	background: transparent url('img/window/HeaderCenter.gif') repeat-x top;
}

.window.disabled .windowHeaderTop
{
	height: 3px;
	background: transparent url('img/window/HeaderCenterOff.gif') repeat-x top;
}

.window .windowHeaderCenter
{
  width: 488px;  /* = (width of class='window') - (width of class='windowHeaderLeft') -  (width of class='windowFooterLeft')*/
}

.window .windowTitle
{
	height: 27px;
	background: transparent url('img/window/HeaderCenter.gif') repeat-x bottom;
}

.window.disabled .windowTitle
{
	height: 27px;
	background: transparent url('img/window/HeaderCenterOff.gif') repeat-x bottom;
}

.window .windowHeaderRight
{
	background: transparent url('img/window/HeaderRight.gif') repeat-x;
	width: 6px;
	height: 30px;
}

.window.disabled .windowHeaderRight
{
	background: transparent url('img/window/HeaderRightOff.gif') repeat-x;
	width: 6px;
	height: 30px;
}

.windowTitleText
{
  padding-top: 4px;
	color: #3b5a82;
	padding-left: 4px;
}

.windowButtonsBar
{
  padding-top: 4px;
}

.windowButton.pinOn
{
  background: transparent url('img/window/PinOn.gif') no-repeat;
}

.windowButton.pinOff
{
  background: transparent url('img/window/PinOff.gif') no-repeat;
}

.windowButton.reload
{
  background: transparent url('img/window/Reload.gif') no-repeat;
}

.windowButton.minimize
{
  background: transparent url('img/window/Minimize.gif') no-repeat;
}

.windowButton.minimizeAll
{
  background: transparent url('img/window/MinimizeAll.gif') no-repeat;
}

.windowButton.maximize
{
  background: transparent url('img/window/Maximize.gif') no-repeat;
}

.windowButton.restore
{
  background: transparent url('img/window/Restore.gif') no-repeat;
}

.windowButton.close
{
  background: transparent url('img/window/Close.gif') no-repeat;
}

.window .windowContent
{
  height: 97px; /* = (height of class='window') - (height of class='windowHeaderLeft') -  (height of class='windowFooterLeft')*/
}

.windowModal .windowContent
{
  height: 117px; /* = (height of class='window') - (height of class='windowHeaderLeft') -  (height of class='windowFooterLeft')*/
}

.window .windowBodyLeft
{
	border-left: solid 1px #3b5a82;
	width: 3px;
}

.window.disabled .windowBodyLeft
{
	border-left: solid 1px #585858;
	width: 3px;
}

.windowBody
{
  width: 492px; /* = (width of class='window') - (width of class='windowBodyLeft' + border-left) -  (width of class='windowBodyRight' + border-left)*/
}

.window .windowBodyRight
{
	border-right: solid 1px #3b5a82;
	width: 3px;
}

.window.disabled .windowBodyRight
{
	border-right: solid 1px #585858;
	width: 3px;
}

.windowFooterLeft
{
	width: 6px;
}

.window .windowFooterLeft
{
	background: transparent url('img/window/FooterLeft.gif') repeat-x;
	height: 23px;
}

.window.disabled .windowFooterLeft
{
	background: transparent url('img/window/FooterLeftOff.gif') repeat-x;
	height: 23px;
}

.windowModal .windowFooterLeft
{
	height: 1px;
	border-top: solid 1px #3b5a82;
}

.window .windowFooterCenter
{
	width: 488px;  /* = (width of class='window') - (width of class='windowFooterLeft') -  (width of class='windowFooterRight')*/
}

.window .windowFooterCenter
{
  background: transparent url('img/window/FooterCenter.gif') repeat-x;	
	height: 23px;
}

.window.disabled .windowFooterCenter
{
  background: transparent url('img/window/FooterCenterOff.gif') repeat-x;	
	height: 23px;
}

.windowModal .windowFooterCenter
{
	height: 1px;
	border-top: solid 1px #3b5a82;
}

.window .windowFooterRight,
.windowModal .windowFooterRight
{
	width: 6px;
}

.window .windowFooterRight
{
	background: transparent url('img/window/FooterRight.gif') no-repeat;
	height: 23px;
}

.window.disabled .windowFooterRight
{
	background: transparent url('img/window/FooterRightOff.gif') no-repeat;
	height: 23px;
}

.windowModal .windowFooterRight
{
	height: 1px;
	border-top: solid 1px #3b5a82;
}

/* SF added this */
/*
	==================
    Old styles carry forward
	================== */
div.wpMenuBarTop
{
	height:24px;
	text-align:right;
	padding: 2px 2px 0px 0px;
	margin-right:1px;
	border-top: 1px solid #CECFCE;
	border-bottom: 1px solid #CECFCE;
	background-color: #fff;
	background-image:url(../../images/background.menubar.png);
	background-repeat:repeat-x;
	background-position: bottom;
	width:auto;
}


div.wpMenuBarBottom
{
	height:24px;
	text-align:right;
	padding: 1px 1px 1px 1px;
	margin-right:1px;
	border-top: 1px solid #CECFCE;
	border-bottom: 0px; /* 1px solid #CECFCE; */
	background-color: #F4F2F9;
}
/* ========================================================
    Button Styles
   ========================================================*/
 
.button   
{
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	width: auto;
	height: 20px;
	clear :none;
	cursor: hand;			
}

.buttonHover /* this is as per the .button class, except (in styles) we have hover colouring */   
{
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	width: auto;
	height: 20px;
	clear :none;
	cursor: hand;	
	/* colouring etc implemented in styles.css */	
}

A.buttontext 
{
	text-decoration: none;   
}

.buttonover  
{
	text-decoration: none;   
}

.button2   
{
	cursor: hand;
}

.buttonover2  
{
	cursor: hand;	
}

.databutton
{
	cursor: hand;
}

.databuttonover
{
	cursor: hand;
}


/* CSS buttons - Standard button styles */
a.standardbutton, a.standardbuttondisabled
{
	float: left; 
	padding: 3px 3px 0px 23px;
	height: 22px;

	background-position: top left; 
	background-repeat: no-repeat;
	
	text-decoration: none;
	font-weight:normal;
	font-size: 70%; 
	color: #8e9c9d;
	margin: 1px; 
	margin-bottom: -1px;	
	white-space:nowrap;
}

a.standardbutton:hover
{	
	border-bottom: 1px solid #C8C898;  border-right: 1px solid #C8C898;
	border-top: 1px solid #666666;  border-left: 1px solid #666666;
	background-color: #EDEDDA;
	color: #c82838;
	margin: 0px; 
	margin-bottom:0px;	
	text-decoration:none;
	white-space:nowrap;
}
	
a.standardbutton:link, a.standardbutton:visited,  a.standardbutton:active
{			
	text-decoration:none;	
	color: #000;	
}
	
/* Disabled standard button */

a.standardbuttondisabled
{
	/* this achieves the look of the diabled button */
	FILTER: Alpha(Opacity=65, Style=0);
	cursor: default;
	margin: 1px; 
	margin-bottom:0px;	
	white-space:nowrap;
}

a.standardbuttondisabled:hover, a.standardbuttondisabled:link, a.standardbuttondisabled:visited
{
	text-decoration:none;	
	color: #8e9c9d;	
}
	
	
	
/* Common button styles - used for multi row editors within topics etc -*/
	
a.commonbutton, a.commonbuttondisabled
{
	padding: 3px 6px 0px 22px;
	height: 22px;
	border: 1px solid #CECECE;
	background-color: #FBF8FC;
	background-position: top left; 
	background-repeat: no-repeat;
	text-decoration: none;
	font-weight:normal;
	font-size: 100%; 
	color: #8e9c9d;
	margin: 0px;   /* this button has a border on its up state */
	white-space:nowrap;
}
a.commonbutton:hover
{	
	border-bottom: 1px solid #C8C898;  border-right: 1px solid #C8C898;
	border-top: 1px solid #666666;  border-left: 1px solid #666666;
	background-color: #EDEDDA;
	color: #8e9c9d;
	margin: 0px; 
	text-decoration:none;
	white-space:nowrap;
}
a.commonbutton:link, a.commonbuttondisabled:link, a.commonbutton:visited, a.commonbutton:active
{			
	text-decoration:none;	
	color:#000;
	white-space:nowrap;
	background-color: #FBF8FC;
}

a.commonbuttondisabled
{
	FILTER: Alpha(Opacity=65, Style=0);
	cursor: default;
	margin: 1px; 
	margin-bottom:0px;	
	white-space:nowrap;
}

a.commonbuttondisabled:hover
{
	text-decoration:none;
	color:#c82838;	
}

div.commonbutton
{
}

/* smallbutton styles */
a.smallbutton, a.smallbutton:hover, a.smallbuttondisabled, a.smallbuttondisabled:hover
{
	float:left; clear: left;
	padding: 2px 4px 0px 30px; 
	height: 22px;
	
	background-position: center left;
	background-repeat: no-repeat;
	
	text-decoration: none;
	font-weight:bold;
	font-size: 11px; 
	color: #666666;
	
	margin: 1px 2px 1px 1px;
	
}

a.smallbutton:hover
{
	color: black;
}

a.smallbuttondisabled
{
	FILTER: Alpha(Opacity=65, Style=0);
	cursor: default;	
}
	
div.smallbuttons
{
	
}

/* menu button styles */
.menubutton
{
	text-decoration: none;
	font-weight:normal;
	vertical-align: top;
	white-space:nowrap;
	padding-top: 1px;
}

.menubuttonOn
{	
	border: 1px solid #C8C898;  
	background-color: #EDEDDA;
	color: #000;	
}

/* this is the pipe divider */
div.button_divider 
{
	color: #000;
}


/* set button images */
a.btn_Close		{	background-image: url(../../images/button.close.png); }
a.btn_CalculateFees { background-image: url(../../images/button.calculatefees.png); }	
a.btn_Cancel		{	background-image: url(../../images/button.cancel.png); }
a.btn_Reset			{	background-image: url(../../images/button.reset.png);	}
a.btn_Save			{	background-image: url(../../images/button.save.png);	}
a.btn_SaveChanges	{	background-image: url(../../images/button.save.png);	}
a.btn_Send			{	background-image: url(../../images/button.send.gif);	}
a.btn_Export		{	background-image: url(../../images/button.export.png); }
a.btn_New			{	background-image: url(../../images/button.new.png);	}
a.btn_Delete		{ 	background-image: url(../../images/button.delete.png);	}
a.btn_Maintain		{ 	background-image: url(../../images/button.maintain.png);	}
a.btn_ForecastDates	{ 	background-image: url(../../images/button.forecastdates.png);	}
a.btn_NewAdHocDate	{ 	background-image: url(../../images/button.forecastdates.png);	}
a.btn_ChangePreferences			{ 	background-image: url(../../images/button.changepreferences.png);	}
a.btn_MaintainNotes	{ 	background-image: url(../../images/button.maintainnotes_noshadow.png);	}
a.btn_MaintainAttributes	{ 	background-image: url(../../images/button.maintainattributes.png);	}
a.btn_AppendToNotes	{ 	background-image: url(../../images/button.appendtonotes.png);	}
a.btn_DeleteMarked	{ 	background-image: url(../../images/button.delete.png);	}
a.btn_MarkAsRead	{ 	background-image: url(../../images/button.markentryas.read.png);	}
a.btn_MarkAsUnread	{ 	background-image: url(../../images/button.markentryas.unread.png);	}
a.btn_NewActivity	{	background-image: url(../../images/button.contactactivity.png); }
a.btn_calloutgoing				{	background-image: url(../../images/button.call.outgoing.png);	}
a.btn_faxoutgoing				{	background-image: url(../../images/button.fax.outgoing.png);	}
a.btn_emailoutgoing				{	background-image: url(../../images/button.email.outgoing.png);	}
a.btn_correspondenceoutgoing	{ 	background-image: url(../../images/button.correspondence.outgoing.png)	}
a.btn_callincoming				{	background-image: url(../../images/button.call.incoming.png);	}
a.btn_faxincoming				{	background-image: url(../../images/button.fax.incoming.png);	}
a.btn_emailincoming				{	background-image: url(../../images/button.email.incoming.png);	}
a.btn_correspondenceincoming	{	background-image: url(../../images/button.correspondence.incoming.png);	}
a.btn_ok	{	background-image: url(../../images/button.ok.png);	}
a.btn_Debug			{	background-image: url(../../images/button.debug.gif);	}
a.btn_Default		{	background-image: url(../../images/button.default.png);	}
a.btn_PDF		{	background-image: url(../../images/pdficon_small.gif);	}
a.btn_ClearAll	{	background-image: url(../../images/icon.clearall.gif);	}
a.btn_Submit	{	background-image: url(../../images/icon.submit.png);	}

a.btn_ContactDetails	{	background-image: url(../../images/button.contactdetails.png);	}

a.btn_MakeThisMyDefaultSearch	{	background-image: url(../../images/button.makethis.mydefaultsearch.png); }
a.btn_RemoveAsMyDefaultSearch	{	background-image: url(../../images/button.removeas.mydefaultsearch.png); }
a.btn_meeting					{	background-image: url(../../images/button.meeting.png);	}
a.btn_resultset					{	background-image: url(../../images/button.resultset.png);	}	
a.btn_userdefined				{	background-image: url(../../images/button.other.png);	}
a.btn_Tasks						{	background-image: url(../../images/button.tasks.png);	}

a.btn_Print			{ 	background-image: url(../../images/button.print.png);	}
a.btn_Refresh		{ 	background-image: url(../../images/button.refresh.png);	}
a.btn_RunSearch		{ 	background-image: url(../../images/button.runsearch.png);	}
a.btn_Search	{ 	background-image: url(../../images/button.search.png);	}
a.btn_RevertToDefault	{ 	background-image: url(../../images/button.reverttodefaultconfiguration.png);	}
a.btn_GoToToday		{ background-image: url(../../images/timesheet/button_today.png); }

a.btn_Previous			{ background-image: url(../../images/timesheet/button.previous.png); }
a.btn_Next			{ background-image: url(../../images/timesheet/button.next.png); }
a.btn_TimeEntry_SelectCurrent { background-image: url(../../images/timesheet/button.previous.png); }
a.btn_RecentEntries { background-image: url(../../images/timesheet/button.recententries.png); }
a.btn_StartTimer { background-image: url(../../images/timesheet/button.starttimer.png); }
a.btn_Calculate { background-image: url(../../images/timesheet/button.calculate.png); }
a.btn_RecordTime { background-image: url(../../images/timesheet/button.recordtime.png); }
a.btn_PostTime { background-image: url(../../images/timesheet/button.posttime.png); }
a.btn_WIP { background-image: url(../../images/timesheet/button.wip.png); }
a.btn_ViewCaseTree {background-image: url(../../images/button.casetree.gif);}


/* set smallbutton images */
a.smallbtn_Edit 			{	background-image: url(../../images/button.edit.small.png);		}	
a.smallbtn_Up				{ 	background-image: url(../../images/button.up.small.png);		}
a.smallbtn_Down				{ 	background-image: url(../../images/button.down.small.png);		}
a.smallbtn_New				{ 	background-image: url(../../images/button.new.small.png);		}
a.smallbtn_Delete			{ 	background-image: url(../../images/button.delete.small.png);	}
a.smallbtn_Add				{ 	background-image: url(../../images/button.add.small.png);	}
a.smallbtn_Remove			{ 	background-image: url(../../images/button.remove.small.png);	}
	
/* Elegant Web Part */
.wpMenuButtonElegant
{
	text-decoration: none;
	color: #8E52A3;
	font-weight:normal;
	margin: 1px; 
	margin-bottom: 1px;	
	padding: 2px 15px 0px 4px;
	white-space:nowrap;
}

.wpMenuButtonOnElegant
{
	border-bottom: 1px solid #C8C898;  border-right: 1px solid #C8C898;
	border-top: 1px solid #C8C898;  border-left: 1px solid #C8C898;
	background-color: #EDEDDA;
	color: #714181;
	font-weight:normal;
	margin: 0px; 
	margin-bottom:0px;	
	padding: 2px 15px 0px 4px;
	white-space:nowrap;
}

.wpMenuButtonHiddenElegant
{
	text-decoration: none;
	font-weight:normal;
	color: #000;
	margin: 1px; 
	margin-bottom: 1px;	
	padding: 2px 15px 0px 4px;
	white-space:nowrap;
}

.wpMenuButtonOnHiddenElegant
{
	border-bottom: 1px solid #C8C898;  border-right: 1px solid #C8C898;
	border-top: 1px solid #C8C898;  border-left: 1px solid #C8C898;
	background-color: #EDEDDA;
	color: #000;
	margin: 0px; 
	margin-bottom:0px;	
	padding: 2px 15px 0px 4px;
	white-space:nowrap;
}

/* Topic Menu */
div.TopicMenuBarOpen,div.TopicMenuBarClose,div.TopicMenuBarWebPanelOpen,div.TopicMenuBarWebPanelClose { cursor: hand; white-space: nowrap; vertical-align: middle; float:right;}
div.TopicMenuBarOpen img,div.TopicMenuBarClose img, div.TopicMenuBarWebPanelOpen img,div.TopicMenuBarWebPanelClose img{ cursor: hand; vertical-align:middle; }
div.TopicMenuBarOpen a.menuButton, div.TopicMenuBarClose a.menuButton 
{
  background-color: transparent; 
  color: #000; 
  text-decoration: none; 
  z-index: 100;
}
div.TopicMenuBarOpen a.menuButton:hover,div.TopicMenuBarClose a.menuButton:hover { background-color: transparent; color: #c82838;text-decoration: none; }
div.TopicMenuBarOpen a.menuButtonActive,div.TopicMenuBarClose a.menuButtonActive, div.TopicMenuBarOpen a.menuButtonActive:hover, div.TopicMenuBarClose a.menuButtonActive:hover { background-color: #f7f7e7; color: #000;}
div.TopicMenuBarOpen span.TopicMenuBarSeparator,div.TopicMenuBarClose span.TopicMenuBarSeparator { padding-left:1px; color:#2a77ff; }
div.TopicMenuBarWebPanelOpen a.menuButton 
{
  background-color: transparent; 
  color: #000; 
  text-decoration: none; 
  z-index: 100;  
  border-bottom: none;
}
div.TopicMenuBarWebPanelClose a.menuButton 
{
  background-color: transparent; 
  color: #000; 
  text-decoration: none; 
  z-index: 100;  
  border-bottom: none;
}
div.TopicMenuBarWebPanelOpen a.menuButton:hover { background-color: transparent; color: #c82838;  border-bottom: none; text-decoration: none;}
div.TopicMenuBarWebPanelClose a.menuButton:hover { background-color: transparent; color: #c82838;  border-bottom: none; text-decoration: none;}
div.TopicMenuBarWebPanelOpen a.menuButtonActive,div.TopicMenuBarWebPanelClose a.menuButtonActive, div.TopicMenuBarWebPanelOpen a.menuButtonActive:hover, div.TopicMenuBarWebPanelClose a.menuButtonActive:hover 
{ background-color: transparent; color: #000;}
div.TopicMenuBarWebPanelOpen span.TopicMenuBarSeparator,div.TopicMenuBarWebPanelClose span.TopicMenuBarSeparator { padding-left:1px; color:#2a77ff; }

div.menu { font-size: 135%; background-color: #efefef; border: solid 1px #8e9c9d; padding: 3px 3px 3px 3px; position: absolute; overflow: visible; top: 0px; left: 0px; visibility: hidden; z-index: 101; white-space: nowrap; cursor: hand; line-height: 2.5ex}
.xfop .topicWebPanel div.menu {font-size: 80%;}
.xfop .topicWebPanel .gridBar div.menu {font-size: 100%;}
.xfop .topicWebPanel .grid div.menu a.menuItem { font-size: 120%;}
.xfop .xfopContainer div.menu {font-size: 100%;}

.wizardBody .xfop div.menu {font-size: 100%;}
.wizardBody .xfop .gridBar div.menu {font-size: 100%;}
.wizardBody .xfop .grid div.menu a.menuItem { font-size: 120%;}

.wizardBody ul {margin:0 0 0 0}
div.menu a.menuItem { color: #000; cursor: default; display: block; padding: 1px 1em; text-decoration: none; white-space: nowrap; width:auto !important;}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight { background-color: #cccccc; color: #fff; width:auto !important;}
div.menu a.menuItemDisabled { font-size: 70%; color: #cccccc; cursor: default; display: block; padding: 1px 1em; text-decoration: none; white-space: nowrap; }
div.menu a.menuItemDisabled:hover { background-color: #F9F8FF; color: #cccccc; }
div.menu a.menuItem span.menuItemText { display: inline-block; }
div.menu a.menuItem span.menuItemArrow { margin-right: -.75em; }
div.menu div.menuItemSep { border: 1px inset #e0e0e0; margin: 2px 2px; }

div.menu a.menuItem.disabled { color: #000; cursor: default; display: block; padding: 1px 1em; text-decoration: none; white-space: nowrap; }
div.menu a.menuItem.disabled:hover, div.menu a.menuItem.disabled.menuItemHighlight { background-color: #F9F8FF; color: #000; }

/* Menu Button*/
div.MenuButton 
{
  white-space: nowrap; 
  vertical-align: middle; 
}
div.MenuButton img 
{
  cursor: hand; 
  vertical-align:middle; 
}
div.MenuButton a.menuButton 
{
  background-color: transparent; 
  color: #000; 
  padding: 1px 2px 1px 2px; 
  margin: 1px; 
  text-decoration: none; 
  z-index: 100; 
}
div.MenuButton a.menuButton:hover, div.MenuButton a.menuButtonActive, div.MenuButton a.menuButtonActive:hover 
{
  border-bottom: 1px solid #C8C898;  
  border-right: 1px solid #C8C898; 
  border-top: 1px solid #666666;  
  border-left: 1px solid #666666; 
  background-color: #EDEDDA; 
  color: #c82838; 
  margin: 0px; 
}
.documentBar div.menu {font-size: 80%;}
.documentBar div.MenuButton {font-size: 80%;}

.wizardBar div.menu {font-size: 80%;}

.wizardBar .navigation
{
  float: right;
}

.wizardBar div.MenuButton 
{
  font-size: 80%;
  float:left;
}

.wizardBar div.separator
{
  float:left;
}

div.MenuButton a.menuButtonDisabled { background-color: transparent; cursor: default; color: #cccccc; padding: 1px 2px 1px 2px; margin: 1px; text-decoration: none; z-index: 100; }
div.MenuButton img.menuButtonDisabled { cursor: default; color: #808080; }
div.MenuButton span.TopicMenuBarSeparator { padding-left:1px; color:#2a77ff; }

/* Grid */
.gridBar
{
  height: 22px;
}

.gridBar.header
{    
    height:auto;
    background-color: #f3f3ec;
}
.gridBar a.arrowLeftOff,
.gridBar a.arrowRightOn,
.gridBar a.arrowDownOn
{
  float: left;
  margin-top : 2px;
  margin-left : 5px;
  margin-right : 5px;
  width: 16px;
  height: 16px;
}

.gridBar a.arrowLeftOff
{
  background: url(img/grid/ArrowLeftOff.png) no-repeat; 
}

.gridBar a.arrowRightOn
{
  background: url(img/grid/ArrowRightOn.png) no-repeat; 
}

.gridBar a.arrowDownOn
{
  background: url(img/grid/ArrowDown.png) no-repeat; 
}

.gridBar select.combo
{
  float: left;
}

.gridBar.header td
{
	border-bottom: solid 1px #cecfce;	
	padding-top: 2px;
}

.grid th,
.grid td
{
  border: solid 1px #fff;
  padding: 4px;
}

/* PageColor Default */
.xfop .grid .titleRow,
.Default .xfop .grid .titleRow
{
  color: #000;
  background-color: #dff4fd;
}

/* PageColor Purple */
.Purple .xfop .grid .titleRow
{
  color: #000;
  background-color: #d1c8db;
}

/* PageColor Blue */
.Blue .xfop .grid .titleRow
{
  color: #000;
  background-color: #7fb2e7;
}

/* PageColor Orange */
.Orange .xfop .grid .titleRow
{
  color: #fff;
  background-color: #c82838;
}

/* PageColor Green */
.Green .xfop .grid .titleRow
{
  color: #fff;
  background-color: #abc3a3;
}

/* PageColor Maroon */
.Maroon .xfop .grid .titleRow
{
  color: #fff;
  background-color: #d19e95;
}

.grid .titleRow.inTab
{
  background-color: #f3f3ec;
}

.grid .titleRow th
{
  vertical-align: middle;
  white-space: nowrap;
  font-size: 90%;
  border-bottom: solid 2px #cccccc;  
}

/* PageColor Default */
.grid .titleRow a,
.grid .titleRow.inTab a,
.Default .titleRow a,
.Default .grid .titleRow.inTab a
{
  color: #22145c;  
}

/* PageColor Orange */
.Orange .titleRow a,
.Orange .grid .titleRow.inTab a
{
  color: #fff;  
}

.grid .row.important td label,
.grid .rowAlternate.important td label
{
  color: red;
}

.grid .row a,
.grid .rowAlternate a
{
  color: #000;
  text-decoration: underline;
}

.grid .row a.nounderline,
.grid .rowAlternate a.nounderline
{
	color: #000;
}

.grid .row a:hover,
.grid .rowAlternate a:hover
{
  color: #c82838;
  text-decoration: none;
}

.grid .row.important a,
.grid .rowAlternate.important a
{
  color: red;
}

.grid a.expand
{
  display:inline;
  width: 16px;
  height: 16px;
}

.grid .row
{
  background-color: #efefef;     
}

.topicWebPanel.module .grid .row
{
  background-color:#DCDCDC;  
}

.grid .horizontalSeparator
{
	border-top: solid 1px #CCCCCC; /* DisplayHorizontalSeparator */
}

.grid .rowAlternate
{
  background-color: #d1d0ce; 
  
}

.grid .rowDetail,
.grid .rowDetailAlternate
{
	background-color: #fff;
}

.grid .row.deleted, .grid .rowAlternate.deleted, .grid .rowDetail.deleted, .grid .rowDetailAlternate.deleted
{
	background-color: #708090;
}

.topicWebPanel.module .grid .rowAlternate
{
  /* uncomment #B8B8B8 to start using 
    alternate row colour for To Do type web parts */  
  background-color:#DCDCDC;  
  /* background-color: #B8B8B8;*/
}

.topicWebPanel .toolbar.header
{
	background-image: none;
	background-color: #fff;
	display: block;
}

.topicWebPanel .toolbar.footer
{
	display: block;
}

/* document title */
.documentTitle
{
	border-bottom: solid 1px #cecfce;
	margin-top: 5px;
	color: #3b5a82;
	font-weight:bold;
	font-size: 80%;
}

/* Document Bar */
.documentBar
{
  height: 22px;
}

.documentBar.header
{        
  height: auto;
	border: none;
	border-bottom: solid 1px #cecfce;	
	background-color: #f3f3ec;	
}

.documentBar.header td
{
	border-bottom: solid 1px #cecfce;	
	padding-top: 2px;
	white-space:nowrap;
	border: none;
}

.documentBar.footer
{
	height: auto;
	border: none;
	background-color: #efefef;	
	padding-top: 2px;
	display:block;
	clear:both;
	border: none;
	border-top: solid 1px 1px #cecfce;	
}

.documentBar.footer td
{
	white-space: nowrap;
	border: none;
}

.documentBar a.arrowLeftOff,
.documentBar a.arrowRightOn,
.documentBar a.arrowDownOn
{
  float: left;
  margin-top : 2px;
  margin-left : 5px;
  margin-right : 5px;
  width: 16px;
  height: 16px;
}

.documentBar a.arrowLeftOff
{
  background: url(img/grid/ArrowLeftOff.png) no-repeat; 
}

.documentBar a.arrowRightOn
{
  background: url(img/grid/ArrowRightOn.png) no-repeat; 
}

.documentBar a.arrowDownOn
{
  background: url(img/grid/ArrowDown.png) no-repeat; 
}

.documentBar select.combo
{
  float: left;
}

tr.colorRowRed td label
{
	color: #cc3333;
}

tr.dimRow td label
{
	color: #999;
}

.pagingBar
{
	text-align:right;  
	vertical-align: middle;		
}

.pagingBar SPAN
{
}

.topicGroupLightestShade { background-color: #D6D6E0;}
.topicGroupLighterShade {background-color: #D1D1DB;}

/* PageColor Default */
.topicGroupNormalShade,
.Default .topicGroupNormalShade 
{ 
  background-color: #9bcef2; 
}

/* PageColor Purple */
.Purple .topicGroupNormalShade 
{ 
  background-color: #d1c8db; 
}

/* PageColor Blue */
.Blue .topicGroupNormalShade 
{ 
  background-color: #236fbd; 
}

/* PageColor Orange */
.Orange .topicGroupNormalShade 
{ 
  background-color: #ffd687; 
}

/* PageColor Green */
.Green .topicGroupNormalShade 
{ 
  background-color: #abc3a3; 
}

/* PageColor Maroon */
.Maroon .topicGroupNormalShade 
{ 
  background-color: #d19e95; 
}

.topicGroupSlightlyDarkerShade { background-color: #CCCCD6; }
.topicGroupDarkerShade { background-color: #C7C7D1; }
.topicGroupEvenDarkerShade { background-color: #C2C2CC; }
.topicGroupDarkestShade {background-color: #B9B9C2; }

.grid .titleRow .topicGroupLightestShade,
.grid .titleRow .topicGroupLighterShade,
.grid .titleRow .topicGroupNormalShade,
.grid .titleRow .topicGroupSlightlyDarkerShade,
.grid .titleRow .topicGroupDarkerShade,
.grid .titleRow .topicGroupEvenDarkerShade,
.grid .titleRow .topicGroupDarkestShade {border: solid 1px #fff;}

/* form */
.form td
{
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	padding: 3px;
}

.form tr
{
  background-color: #eeeded;  
}

.form colgroup.fieldLabel
{
	font-weight:bold;
  width: 40%;
  background-color: #d1d0ce;
}

.form colgroup.fieldLabel.Search
{
	font-weight: normal;
}

.form td.fieldLabel
{
	font-weight:bold;
  background-color: #d1d0ce;
}

.form td.fieldHeader
{
	font-weight:bold;
	padding: 1px;
	border-left:none;
  background-color: #9bcef2;
}

.form td.fieldLabel.Search
{
	font-weight: normal;
}

.form colgroup.field
{
  width: 60%;
}
.grid td.fieldLabel
{
  background-color: #d1d0ce;
}

.fieldImage
{
	border: 1px solid #381A68; 
	visibility:hidden;
}

.TopicContainer
{
	 background-color: white;
}

/* topic */
/*** Standard ***/
.topicStandard
{
	border: solid 1px #94a652;
	margin-bottom: 2px;
	float: left;
}

.topicStandard.noBorder
{
  border-width: 0px;
  float:none;
}

.topicStandard .topicHeader
{
  border-bottom: solid 1px #94a652;
  background: #9bcef2 !important;  
}

.topicStandard .topicTitleLeft {background-color: #9bcef2; float:left;}
.topicStandard .topicTitleRight {background-color: #9bcef2;  float: right;}
.topicStandard .topicTitleBar {background-color: #9bcef2; float:left;}

.topicStandard .topicTitleLeft a.expand,
.topicStandard .topicTitleLeft a.expand:hover,
.topicStandard .topicTitleLeft a.expand:active
{
  width: 18px;
  text-decoration: none;
  background: #9bcef2 url(img/topic/collapse.png) no-repeat center center;
}

.topicStandard .topicTitleLeft a.collapse,
.topicStandard .topicTitleLeft a.collapse:hover,
.topicStandard .topicTitleLeft a.collapse:active
{
  width: 18px;
  text-decoration: none;
  background: #9bcef2 url(img/topic/expand.png) no-repeat center center;
}

.topicStandard .topicTitle
{
	 background: #9bcef2 !important;
}

.topicStandard .topicTitleBar
{
	 background: #9bcef2 !important;
}
	
.topicStandard .topicTitle .titleText
{
  color: #000;
  font-weight: bold;
  margin-left: 5px;
}

.topicStandard .topicDescription
{
	border-top: solid 1px #94a652;
	color:black;	
	background-color: ivory;
	padding:3pt;		
}

.topicStandard.noBorder .topicDescription,
.topicStandard .topicDescription.noHeader
{
	border-top: none;
	color:black;	
	background-color: ivory;
	padding:3pt;	
}

.topicStandard .topicDescription tr
{
  background-color:ivory;
}

.topicStandard .topicDescription td.infoIcon
{
	border-style:none;		
	width: 32px;	
	height: 30px;
	padding-top: 5px;
	padding-bottom: 5px; 	
	background: transparent url(../../images/icon.info.picklist.png) no-repeat center center;
}

.topicWebPanel .topicDescription td.errorIcon
{
	border-style:none;		
	width: 32px;	
	height: 30px;	
	padding-top: 5px;
	padding-bottom: 5px; 	
	background: transparent url(../../images/icon.error.png) no-repeat center center;
}

.topicWebPanel .topicDescription td.centerText
{
	border-style:none;	
	padding-top: 5px;
	padding-bottom: 5px; 
	vertical-align:middle;
}

td.infoCell 
{
	background-color:ivory;
}

.topicStandard .topicDescription table
{
	width:99.2%;
}

.wizardBody .xfop.isNested .topicStandard /* RFC6176 fix */
{
	_width:99.2%;
}

.xfop .topicStandard .topicBody
{
	border: none;
}

.xfop .topicStandard .topicTitleBar .topicTitleObject
{
  background-color: #9bcef2; 
}

.xfop .topicStandard .topicHeader .topicTitleBar
{
	background: #9bcef2;		
	border: none;
	padding-top: 0px;
}

/*** WebPanel ***/

/* WebPanel */
.topicWebPanel
{	
	display: inline-block;
	border: none;
	margin: 0px 2px 10px 10px;
}

/* PageColor Default */
.topicWebPanel,
.Default .topicWebPanel
{
	background-color: #22145c;		
	background: url(img/WebPanel/headerbg.png) repeat-x;
}

.topicWebPanel .topicTitle .titleTextWithIcon,
.topicWebPanel .topicTitle .titleText,
.Default .topicWebPanel .topicTitle .titleTextWithIcon,
.Default .topicWebPanel .topicTitle .titleText
{
  color: #000;
}

/* PageColor Purple */
.Purple .topicWebPanel
{
	background-color: #a991c1;		
	background: url(img/WebPanel/Purple_headerbg.png) repeat-x;
}

.topicWebPanel .topicTitle .titleTextWithIcon,
.topicWebPanel .topicTitle .titleText,
.Purple .topicWebPanel .topicTitle .titleTextWithIcon,
.Purple .topicWebPanel .topicTitle .titleText
{
  color: #000;
}

/* PageColor Blue */
.Blue .topicWebPanel
{
	background-color: #236fbd;		
	background: url(img/WebPanel/Blue_headerbg.png) repeat-x;
}

/* PageColor Orange */
.Orange .topicWebPanel
{
	background-color: #ffcf63;		
	background: url(img/WebPanel/Orange_headerbg.png) repeat-x;
}

.Orange .topicWebPanel .topicTitle .titleTextWithIcon,
.Orange .topicWebPanel .topicTitle .titleText
{
  color: #000;
}

/* PageColor Green */
.Green .topicWebPanel
{
	background-color: #638658;		
	background: url(img/WebPanel/Green_headerbg.png) repeat-x;
}

/* PageColor Maroon */
.Maroon .topicWebPanel
{
	background-color: #a55647;		
	background: url(img/WebPanel/Maroon_headerbg.png) repeat-x;
}

.topicWebPanel.noBorder
{
  border-width: 0px;
}

.topicWebPanel .topicTitleLeft
{
  width: 15px;
  height: 20px;
  background: transparent url(img/WebPanel/gripOn.gif) no-repeat;
  float: left;
}

.topicWebPanel .topicTitle .titleTextWithIcon
{
  padding-top: 3px;
  padding-left: 36px;
  font-weight: bold;
  float: left;
  display:block;
}

.topicWebPanel .topicTitle .titleText
{
  padding-top: 3px;
  font-weight: bold;
  float: left;
  display:block;
}

.topicWebPanel .topicTitleRight
{
  width: 25px;
  height: 20px;
  float: right;
}

/* PageColor Default */
.xfop .topicWebPanel .topicBody,
.Default .xfop .topicWebPanel .topicBody
{
	border-left: solid 2px #9bcef2;
	border-right: solid 2px #9bcef2;
	border-bottom: solid 2px #9bcef2;
}

/* PageColor Purple */
.Purple .xfop .topicWebPanel .topicBody
{
	border-left: solid 2px #dee0c0;
	border-right: solid 2px #dee0c0;
	border-bottom: solid 2px #dee0c0;
}

/* PageColor Blue */
.Blue .xfop .topicWebPanel .topicBody
{
	border-left: solid 2px #7fb2e7;
	border-right: solid 2px #7fb2e7;
	border-bottom: solid 2px #7fb2e7;
}

/* PageColor Orange */
.Orange .xfop .topicWebPanel .topicBody
{
	border-left: solid 2px #e0891a;
	border-right: solid 2px #e0891a;
	border-bottom: solid 2px #e0891a;
}

/* PageColor Green */
.Green .xfop .topicWebPanel .topicBody
{
	border-left: solid 2px abc3a3;
	border-right: solid 2px #abc3a3;
	border-bottom: solid 2px #abc3a3;
}

/* PageColor Maroon */
.Maroon .xfop .topicWebPanel .topicBody
{
	border-left: solid 2px #d19e95;
	border-right: solid 2px #d19e95;
	border-bottom: solid 2px #d19e95;
}

.topicWebPanel .topicTitleRight a.expand,
.topicWebPanel .topicTitleRight a.expand:hover,
.topicWebPanel .topicTitleRight a.expand:active
{ 	
	float: right;   
	background: transparent url(img/WebPanel/collapseOn.gif) no-repeat;
	width: 25px;	
	text-decoration: none
}

.topicWebPanel .topicTitleRight a.collapse,
.topicWebPanel .topicTitleRight a.collapse:hover,
.topicWebPanel .topicTitleRight a.collapse:active
{
	float: right;
	background: transparent url(img/WebPanel/collapseOff.gif) no-repeat;
	width: 25px;
	text-decoration: none
}

.topicWebPanel .topicBodyContainer
{	
	background-color:#fff;
}

/* PageColor Default */
.xfop .topicWebPanel .topicBodyContainer,
.Default .xfop .topicWebPanel .topicBodyContainer
{
	border-left: solid 2px #9bcef2;
	border-right: solid 2px #9bcef2;
	border-bottom: solid 2px #9bcef2;
}

/* PageColor Purple */
.Purple .xfop .topicWebPanel .topicBodyContainer
{
	border-left: solid 2px #dee0c0;
	border-right: solid 2px #dee0c0;
	border-bottom: solid 2px #dee0c0;
}

/* PageColor Blue */
.Blue .xfop .topicWebPanel .topicBodyContainer
{
	border-left: solid 2px #7fb2e7;
	border-right: solid 2px #7fb2e7;
	border-bottom: solid 2px #7fb2e7;
}

/* PageColor Orange */
.Orange .xfop .topicWebPanel .topicBodyContainer
{
	border-left: solid 2px #e0891a;
	border-right: solid 2px #e0891a;
	border-bottom: solid 2px #e0891a;
}

/* PageColor Green */
.Green .xfop .topicWebPanel .topicBodyContainer
{
	border-left: solid 2px #abc3a3;
	border-right: solid 2px #abc3a3;
	border-bottom: solid 2px #abc3a3;
}

/* PageColor Maroon */
.Maroon .xfop .topicWebPanel .topicBodyContainer
{
	border-left: solid 2px #d19e95;
	border-right: solid 2px #d19e95;
	border-bottom: solid 2px #d19e95;
}

.topicWebPanel .gridBar.header
{
	height: auto;
	border: none;
	background-color: #f3f3ec;	
}

.topicWebPanel .gridBar.header td
{
	white-space:nowrap;
	border: none;
}

.topicWebPanel .gridBar.footer
{
	height: auto;
	border: none;
	background-color: #efefef;	
	padding-top: 2px;
	display:block;
	clear:both;
	overflow:hidden;
}

.topicWebPanel .gridBar.footer td
{
	white-space: nowrap;
	border: none;
}

/* module note */
.topicWebPanel.note .topicBodyContainer
{
	background-color:#fff;
	margin-top: 10px;
}

/* PageColor Default */
.xfop .topicWebPanel .topicTitleBar,
.xfop .topicWebPanel .topicTitleBarWithIcon,
.Default .xfop .topicWebPanel .topicTitleBar,
.Default .xfop .topicWebPanel .topicTitleBarWithIcon
{
	padding-top: 0px;
}

.xfop .topicWebPanel .topicTitleBar,
.xfop .topicWebPanel .topicTitleBarWithIcon,
.Default .xfop .topicWebPanel .topicTitleBar,
.Default .xfop .topicWebPanel .topicTitleBarWithIcon
{
	background-color: #e8b730;
	background: #e8b730 url(img/WebPanel/headerbg.png) repeat-x;
}

/* PageColor Purple */
.Purple .xfop .topicWebPanel .topicTitleBar,
.Purple .xfop .topicWebPanel .topicTitleBarWithIcon
{
	padding-top: 0px;
}

.Purple .xfop .topicWebPanel .topicTitleBar,
.Purple .xfop .topicWebPanel .topicTitleBarWithIcon
{
	background-color: #a991c1;		
	background: #a991c1 url(img/WebPanel/Purple_headerbg.png) repeat-x;
}

/* PageColor Blue */
.Blue .xfop .topicWebPanel .topicTitleBar,
.Blue .xfop .topicWebPanel .topicTitleBarWithIcon
{
	padding-top: 0px;
}

.Blue .xfop .topicWebPanel .topicTitleBar,
.Blue .xfop .topicWebPanel .topicTitleBarWithIcon
{
	background-color: #236fbd;		
	background: #236fbd url(img/WebPanel/Blue_headerbg.png) repeat-x;
}

/* PageColor Orange */
.Orange .xfop .topicWebPanel .topicTitleBar,
.Orange .xfop .topicWebPanel .topicTitleBarWithIcon
{
	padding-top: 0px;
}

.Orange .xfop .topicWebPanel .topicTitleBar,
.Orange .xfop .topicWebPanel .topicTitleBarWithIcon
{
	background-color: #e0891a;		
	background: #e0891a url(img/WebPanel/Orange_headerbg.png) repeat-x;
}

/* PageColor Green */
.Green .xfop .topicWebPanel .topicTitleBar,
.Green .xfop .topicWebPanel .topicTitleBarWithIcon
{
	padding-top: 0px;
}

.Green .xfop .topicWebPanel .topicTitleBar,
.Green .xfop .topicWebPanel .topicTitleBarWithIcon
{
	background-color: #638658;		
	background: #638658 url(img/WebPanel/Green_headerbg.png) repeat-x;
}

/* PageColor Maroon */
.Maroon .xfop .topicWebPanel .topicTitleBar,
.Maroon .xfop .topicWebPanel .topicTitleBarWithIcon
{
	padding-top: 0px;
}

.Maroon .xfop .topicWebPanel .topicTitleBar,
.Maroon .xfop .topicWebPanel .topicTitleBarWithIcon
{
	background-color: #a55647;		
	background: #a55647 url(img/WebPanel/Maroon_headerbg.png) repeat-x;
}

.topicTitleBar div.TopicMenuBarWebPanelOpen, 
.topicTitleBar div.TopicMenuBarWebPanelClose 
{
  float:none; 
}

.topicTitleBar div.TopicMenuBarWebPanel a.menuButton,
.topicTitleBar div.TopicMenuBarWebPanelOpen a.menuButton,
.topicTitleBar div.TopicMenuBarWebPanelClose a.menuButton 
{ 
	font-size: 80%; 
	text-decoration:none;
	color: #000;
}

/* PageColor Orange */
.Orange .topicTitleBar div.TopicMenuBarWebPanel a.menuButton,
.Orange .topicTitleBar div.TopicMenuBarWebPanelOpen a.menuButton,
.Orange .topicTitleBar div.TopicMenuBarWebPanelClose a.menuButton 
{ 
	color: #fff;
}

.topicTitleBar div.TopicMenuBarWebPanelOpen a.menuButton:hover,
.topicTitleBar div.TopicMenuBarWebPanelClose a.menuButton:hover 
{ 
	font-size: 80%;
	text-decoration:none;
	color: #c82838 !important;
}

.xfop .topicWebPanel .topicTitleBar a.menuButton 
{
	font-size: 80%;
	text-decoration:none;
}

div.infobox
{ /* this is the 'i' box on */
	padding:5px 4px 5px 45px;
	margin:4px;
	border: 1px solid #94a652;
	background-color: ivory;
	background-image:url(../../images/icon.info.picklist.png);
	background-position:left center ;
	background-repeat:no-repeat;
	color:black;	
}

.picklistWindow 
{
	margin-top: 5px;
	margin-left: 5px;	
	margin-right: 5px;
	font-size: 130%;
}

.picklistWindow .sheetHeader
{
	padding-top: 10px;	
}

.picklistWindow .page .topicDescription
{	
	width: 99.8%;
	border-bottom: solid 1px #94a652;
}

.picklistWindow .RowSelected
{
	cursor: pointer;
	background-color: #aeaeae;
}

/* ====================================
    CSS STYLES FOR Application Buttons
   ==================================== */   
.CButtonOff
{
  cursor: default;
  padding-right: 4px;
  padding-left: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.CButtonOff IMG
{
  vertical-align: middle;
}
.CButtonOff IMG.InPage
{
  height: 22px;
  width: 22px;
}
.CButtonOff IMG.InWebpart
{
  height: 18px;
  width: 18px;
}
.CButtonOff LABEL
{
  vertical-align: middle;
  font-weight: bold;
}
.CButtonOff LABEL.InWebpart
{
  font-weight: normal;
}
.CButtonOn
{
  cursor: hand;
  background-color: #EBEBC1;
  border: 1px inset #CECF9C;
  padding-right: 3px;
  padding-left: 3px;
}
.CButtonOn IMG
{
  vertical-align: middle;
}
.CButtonOn IMG.InPage
{
  height: 22px;
  width: 22px;
}
.CButtonOn IMG.InWebpart
{
  height: 18px;
  width: 18px;
}
.CButtonOn LABEL
{
  vertical-align: middle;
  font-weight: bold;
}
.CButtonOn LABEL.InWebpart
{
  font-weight: normal;
}

/* ==================================================
   The main calendar widget.  DIV containing a table. 
   ================================================== */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #2a77ff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #fafafa;
  font-family: Arial, Verdana, sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #edc url(../../images/CPASS/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #9bcef2;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #edc;
  color: #000;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #655;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #faa;
  color: #000;
  border: 1px solid #f40;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #c77;
  padding: 2px 0px 0px 2px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #fed;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #fed;
}

.calendar tbody .rowhilite td {
  background: #ddf;
}

.calendar tbody .rowhilite td.wn {
  background: #efe;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #ffe;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #ddc;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fea;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { font-weight: bold; }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #f1f1f1;
  color: #000;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  border-top: 1px solid #655;
  background: #f1f1f1;
  color: #840;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #faa;
  border: 1px solid #f40;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #c77;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #ffe;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #fc8;
}

.calendar .combo .active {
  border-top: 1px solid #a64;
  border-bottom: 1px solid #a64;
  background: #fee;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #a88;
  padding: 1px 0px;
  text-align: center;
  background-color: #fed;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #988;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #866;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/* tab in window */

.tab ul
{
	padding-top:3px !important;
}

.tab li a
{
	padding-left:3px;
	background:transparent url('img/tab/tab2LeftOff.gif') 0px 0px no-repeat;
	text-decoration:none;
	line-height:19px;	
	color:#000;
}

.tab li a .wrap
{
	padding-right:3px;
	background:transparent url('img/tab/tab2RightOff.gif') right 0px no-repeat;
	color:#000;
}

.tab li a:hover
{
  color: #ce3829;
  text-decoration: none;
}

.tab li a .innerWrap
{
	padding:0 5px;
	background:transparent url('img/tab/tab2MiddleOff.gif') 0px 0px repeat-x;
}

.tab li a .optionGlyph
{
	background: url('img/tab/tab2MiddleOff.gif') repeat-x;
	height: 19px;
}

.tab li a.selected .optionGlyph
{
	background: url('img/tab/tab2MiddleOn.gif') repeat-x;
	height: 22px;
}

.tab li a .inPlaceEdit
{
	background: url('img/tab/tab2MiddleOff.gif') repeat-x;
}

.tab li a.selected .inPlaceEdit
{
	background: url('img/tab/tab2MiddleOn.gif') repeat-x;
}

.tab li a .inPlaceEditBox
{
  margin-top: 1px;
  height:17px;
}

.tab li a.selected .inPlaceEditBox
{
  margin-top: 3px;
  height:17px;
}

.tab li a .inPlaceEditBox
{
  color: #000;
}

.tab li a.selected
{
	font-weight:bold;
	margin-top:-3px;
	line-height:22px;	
	background:transparent url('img/tab/tab2LeftOn.gif') 0px 0px no-repeat;
}

.tab li a.selected .wrap
{
	background-image:url('img/tab/tab2RightOn.gif');
}

.tab li a.selected .innerWrap
{
	background: url('img/tab/tab2MiddleOn.gif') repeat-x;
}

.tabShadow td
{
  background: transparent url('img/barbg.gif') repeat-x;
}

.item.groupIndent span.text
{
	margin-left: 20px;	
}

.item.groupIndent a
{
	cursor:default;
	_cursor:default;
}

.item.groupIndent .image
{
	vertical-align: middle;
	cursor:pointer;
	_cursor:hand;
}

.leftPanelBar .group .item.groupIndent
{
	background-color:#F6F6F5;
}

.leftPanelBar .group .item.groupIndent .link:hover
{
	background: #f6f6f5;	
}

.noHover, .noHover:hover
{
	background-color: Transparent;	
}

.recordnumber
{
	color:blue;
}

/* Wizard */
.wizard
{
}

.wizardTitleBar
{
  border-bottom: solid 1px #e0dfe3; 
  color: #714181;
  font-weight:bold;
}
  
.wizardPageBody .topicStandard .topicDescription 
{
	width: 99.8%;
}

/* IE6 Only */
* html .wizardPageBody .topicStandard .topicDescription 
{
	width: 98.7%;
}

.verticalTrain
{
	/* this should follow the colour of the subject area */
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#9bcef2', endColorStr='#ffffff', gradientType='1');
	font-weight:bold;
}

.verticalTrain .stepActive
{	
  color: #c83828;
}

.verticalTrain .stepMandatory
{	
  background: url('img/wizard/stepnav_active.png') no-repeat center center;
  color: #800000;
}

.verticalTrain .stepDone
{
  color: #f8f8ff;
}

.sectionHeaderBar
{
  
  border-bottom: solid 1px #94a652;
  background-color: #9bcef2;
}

.wizardInstructionBar
{
  border-bottom: solid 1px #94a652;
  background-color: #9bcef2;
}

/* Wizard Bar */
.wizardBar
{
  height: 22px;
	white-space:nowrap;
}

.wizardBar.header
{        
	padding-top: 2px;
	background-color: #f3f3ec;	
	border-bottom: solid 1px #cecfce;	
}

.wizardBar.footer
{
	padding-top: 2px;
	border-top: solid 1px #cecfce;	
	background-color: #efefef;	
  clear: both;
}

/* CSS buttons - Standard button styles */
a.wizardbutton
{
  color: #000;
  white-space:nowrap;
  z-index: 100;
}

a.wizardbuttondisabled
{
  color: #808080;
  white-space:nowrap;
  z-index: 100;
}

a.wizardbutton:hover
{	
  border-bottom: 1px solid #c8c898;  
  border-right: 1px solid #c8c898;
  border-top: 1px solid #666666;  
  border-left: 1px solid #666666;
  background-color: #ededda;
  white-space:nowrap;
  color: #000;
  z-index: 100;
}

a.wizardbutton:link, a.wizardbutton:visited,  a.wizardbutton:active {	color: #000; white-space:nowrap;}
a.wizardbuttondisabled:hover, a.wizardbuttondisabled:link, a.wizardbuttondisabled:visited {	text-decoration:none;	 color: #808080; white-space:nowrap;}
a.btn_WizardNext		{	background-image: url(img/wizard/icon.next.png);}
a.btn_WizardPrevious	{	background-image: url(img/wizard/icon.previous.png);}
a.btn_WizardCancel		{	background-image: url(img/wizard/button.cancel.png); }
a.btn_WizardFinish		{	background-image: url(img/wizard/button.save.png);	}

.mandatory {background-color: #afeeee;}

.wizardPageBody .resizeBar
{
  border-top: solid 1px #9096a1;
  border-bottom: solid 1px #9096a1;
	background: url(img/splitter/splitterbg.gif) repeat-y right;
}

.wizardPageBody .resizeBar.collapse a .collapseBar
{
 	background: transparent url(img/splitter/splitter_horCol.gif) no-repeat;
}

.wizardPageBody .resizeBar.expand a .collapseBar
{
 	background: transparent url(img/splitter/splitter_horExp.gif) no-repeat;
}

.wizardPageBody .resizeBar.collapse a:hover .collapseBar
{
 	background: transparent url('img/splitter/splitter_horColHover.gif') no-repeat;
}

.wizardPageBody .resizeBar.expand a:hover .collapseBar
{
 	background: transparent url('img/splitter/splitter_horExpHover.gif') no-repeat;
}

/* footer window */
.footerWindow
{
  border-left: solid 1px #aca899;
  border-right: solid 1px #aca899;
  background:transparent url('img/window/footerbg.png') repeat-x;
}

.windowTab
{
	font-size: 12px;
	text-align: center;
  position: absolute;
  bottom:2px;
  left: 3px;
}

.windowTab ul
{
	padding: 6px 6px 0px 6px;
}

.windowTab li a
{
	padding-left: 6px;
	background: transparent url('img/window/windowTabLeftOff.png') 0px 0px no-repeat;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	line-height: 26px;
}

.windowTab li a .wrap
{
	padding-right: 6px;
	background: transparent url('img/window/windowTabRightOff.png') right 0px no-repeat;
}

.windowTab li a:hover
{
	text-decoration: underline;
}

.windowTab li a .innerWrap
{
	padding: 0 5px;
	background:transparent url('img/window/windowTabMiddleOff.png') 0px 0px repeat-x;
}

.windowTab li a.selected
{
	background: transparent url('img/window/windowTabLeftOn.png') 0px 0px no-repeat;
}

.windowTab a.selected
{
	font-weight:bold;
	color: #000;
}

.windowTab a:hover.selected
{
	color: #000;
}

.windowTab li a.selected
{
	background: transparent url('img/window/windowTabLeftOn.png') 0px 0px no-repeat;
}

.windowTab li a.selected .wrap
{
	background: transparent url('img/window/windowTabRightOn.png') no-repeat right;
}

.windowTab li a.selected .innerWrap
{
	background: transparent url('img/window/windowTabMiddleOn.png') repeat-x;
}

.windowTab .windowClose
{
  width: 17px;
  height: 16px;
  display:inline-block;
}

.windowTab .windowClose.off
{
	background: transparent url('img/window/windowCloseOff.png') 0px 0px no-repeat;
}

.windowTab .windowClose.on
{
	background: transparent url('img/window/windowCloseOn.png') 0px 0px no-repeat;
}

.calendarInfo
{
  background: transparent url(img/calendar.gif) 0px 0px no-repeat;
}

.importantInfo
{
    color: #cc3333;
}

div.menu a.menuItem.optShared
{
  background-image: url(img/options/shared_rest.png);
}

div.menu a:hover.menuItem.optShared, div.menu a:focus.menuItem.optShared
{
  background-image: url(img/options/shared_hover.png);
}

div.menu a.menuItem.optChecked
{
  background-image: url(img/options/checked.gif);
}

div.menu a.menuItem.optAdd
{
  background-image: url(img/options/plus.gif);
}

div.menu a:hover.menuItem.optAdd, div.menu a:focus.menuItem.optAdd
{
  background-image: url(img/options/plus_hover.gif);
}

div.menu a.menuItem.optSettings
{
  background-image: url(img/options/btnSettings.gif);
}

div.menu a:hover.menuItem.optSettings, div.menu a:focus.menuItem.optSettings
{
  background-image: url(img/options/btnSettings_hover.gif);
}

div.menu a.menuItem.optRefresh
{
  background-image: url(img/options/glyph_refresh_rest.gif);
}

div.menu a:hover.menuItem.optRefresh, div.menu a:focus.menuItem.optRefresh
{
  background-image: url(img/options/glyph_refresh_hover.gif);
}

div.menu a.menuItem.optSidebar
{
  background-image: url(img/options/add_sidebar_rest_a.gif);
}

div.menu a:hover.menuItem.optSidebar, div.menu a:focus.menuItem.optSidebar
{
  background-image: url(img/options/add_sidebar_hover_a.gif);
}

div.menu a.menuItem.optRename
{
  background-image: url(img/options/glyph_edit_rest.gif);
}

div.menu a:hover.menuItem.optRename, div.menu a:focus.menuItem.optRename
{
  background-image: url(img/options/glyph_edit_hover.gif);
}

/* ===============
    Tooltip Styles
   =============== */   
div.TooltipContainer
{
	font-family: Verdana;
	border: #000000 0.5px solid;
	background-color: #ffffe7;
}

div.TooltipContainer .TextExplanation
{
}

div.TooltipContainer .TextExplanationAlternate
{
	background-color:#ffffe7;
}

img.optionColor.Default
{
	background-color: #9bcef2;
}

img.optionColor.Purple
{
	background-color: #a991c1;
}

img.optionColor.Blue
{
	background-color: #236fbd;
	
}

img.optionColor.Orange
{
	background-color: #ffcf63;
}

img.optionColor.Green
{
	background-color: #638658;
}

img.optionColor.Maroon
{
	background-color: #a55647;
}




/* topicStandard note */
.topicStandard.noBorder.note .topicStandardContainer
{
  background-color:#fff;
  margin-top: 10px;
}

.noteIcon
{
  background: transparent url('img/noteLeft.gif') no-repeat;
  width: 216px;
  height: 77px;
}

.noteRight
{
  margin-left: 17px;
  padding: 60px 5px 0px 5px;
  width: 400px;
  border-top: solid 5px #e5e7dc;
  border-right: solid 4px #e5e7dc;
  border-left: solid 1px #e5e7dc;
  border-bottom: solid 4px #e5e7dc;
}

.note
{
  font-size: 12px; 
  text-align:justify; 
  color: #000;
}

.messageTitle
{
  color: #c83828;
}

.messageHeader1
{
  font-size: 16px; 
  color: #c83828;
  font-weight: bold;
}

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

.grid .row .buttonSmall a,
.grid .rowAlternate .buttonSmall a
{  
  text-decoration: none;
}

/* DESIGNER */

.designer .control.choose a
{
 	background:transparent url('img/designer/choose.png') 0px 0px no-repeat;
}

.designer .control.checkbox a
{
 	background:transparent url('img/designer/inputCheckbox.png') 0px 0px no-repeat;
}

.designer .control.currency a
{
 	background:transparent url('img/designer/inputCurrency.png') 0px 0px no-repeat;
}

.designer .control.date a
{
 	background:transparent url('img/designer/inputDate.png') 0px 0px no-repeat;
}

.designer .control.href a
{
 	background:transparent url('img/designer/href.png') 0px 0px no-repeat;
}

.designer .control.image a
{
 	background:transparent url('img/designer/image.png') 0px 0px no-repeat;
}

.designer .control.label a
{
 	background:transparent url('img/designer/label.png') 0px 0px no-repeat;
}

.designer .control.picklist a
{
 	background:transparent url('img/designer/inputPicklist.png') 0px 0px no-repeat;
}

.designer .control.radioButton a
{
 	background:transparent url('img/designer/radioButton.png') 0px 0px no-repeat;
}

.designer .control.text a
{
 	background:transparent url('img/designer/inputText.png') 0px 0px no-repeat;
}

.designer .control.time a
{
 	background:transparent url('img/designer/time.png') 0px 0px no-repeat;
}

.designer .control.textArea a
{
 	background:transparent url('img/designer/textArea.png') 0px 0px no-repeat;
}

.configurationCategoryCell
{
  background:white;
}

.configurationCategoryCell.taskName
{
}

.configurationCategoryCell.taskDescription
{
}

#screenDesigner_sheetHeader
{
	background: transparent url('img/designer/tabSpacer.png') 0px 0px repeat-x;
}

.designTab
{
	font-size: 12px;
	text-align: center;
}

.designTab ul
{
	padding: 6px 6px 0px 6px;
}

.designTab li a
{
	padding-left: 8px;
	background: transparent url('img/designer/tabLeftOff.png') 0px 0px no-repeat;
	color:#416aa3;
	font-weight: normal;
	text-decoration: none;
	line-height: 25px;
}

.designTab li a .wrap
{
	color:#416aa3;
	padding-right: 8px;
	background: transparent url('img/designer/tabRightOff.png') right 0px no-repeat;
}

.designTab li a:hover
{
	color:#15428b;
	text-decoration: underline;
}

.designTab li a .innerWrap
{
	padding: 0 8px;
	background:transparent url('img/designer/tabMiddleOff.png') 0px 0px repeat-x;
}

.designTab li a .optionGlyph
{
	background: url('img/designer/tabMiddleOff.png') repeat-x;
	height: 25px;
}

.designTab li a .inPlaceEdit
{
	background: url('img/designer/tabMiddleOff.png') repeat-x;
}

.designTab li a.selected
{
	font-weight:bold;
	background: #dfe8f6 url('img/designer/tabLeftOn.png') 0px 0px no-repeat;
}

.designTab a.selected,
.designTab a.selected .wrap,
.designTab a:hover.selected,
.designTab li a.selected .inPlaceEditBox
{
	color:#15428b;
}

.designTab li a.selected .wrap
{
	background: transparent url('img/designer/tabRightOn.png') no-repeat right;
}

.designTab li a.selected .innerWrap,
.designTab li a.selected .optionGlyph,
.designTab li a.selected .inPlaceEdit
{
	background: transparent url('img/designer/tabMiddleOn.png') repeat-x;
}

.designTab li a .inPlaceEditBox,
.designTab li a.selected .inPlaceEditBox
{
  margin-top: 3px;
  height:17px;
}

.designTab li a .inPlaceEditBox
{
  color: #000;
}

.messageCheckBox
{
	font-size: 80%;
	text-decoration:none;
}


/* action tab specific colours */

tr.closedAction td label
{
	color: #cc3333;
}

/* action events specific colours */

tr.closedActionEvents td label
{
	color: #999;
}

.dueDateInTheFuture 
{
	color: purple;
}

.dueDateInThePast 
{
	color: #cc3333;
}

.reminderDateInThePast 
{
	color: #cc3333;
}

.dueDateNormal
{
	color: black;
}

tr.hasImportBatchKey td label
{
	color: #cc3333;
}