/**************************************************************************
Click Commerce Extranet - default.css
**************************************************************************/
 
/**************************************************************************
General Elements - Alphabetically
**************************************************************************/
A {
    text-decoration: none;
}
A:ACTIVE {
	color : #0033CC;
}
A:LINK	{
	color : #0033CC;
}
A:HOVER 	{
    color : #FF3932;
	text-decoration: underline;
}
A:VISITED {	
	color : #990099;
}
BODY {
	background-color: #FFFFFF;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
}
BODY,P,DIV,TR,TD,CENTER,TABLE,SELECT,TEXTAREA, INPUT {
	font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
FORM {
    margin: 0px;
}
H1 {
    font-size: 14pt;
	font-weight: bold;
    color: #6732BA;
}
HR	{
	border : 1pt solid #CCCCCC;
}

/**************************************************************************
General IDs - Alphabetically
**************************************************************************/
#CriteriaArea {
	padding-top: 1em;
}
#ResultTable {
}
#ResultTitle {
	font-size: 12pt;
	margin-top: 1em;
}
.ResultTitleLink, .ResultTitleLink:link, .ResultTitleLink:active, .ResultTitleLink:visited	
{
}
.ResultBreadcrumb, .ResultBreadcrumb:link, .ResultBreadcrumb:active, .ResultBreadcrumb:visited	
{
}
.ResultBreadcrumbTarget, .ResultBreadcrumbTarget:link, .ResultBreadcrumbTarget:active, .ResultBreadcrumbTarget:visited	
{
}
#SearchArea {
	background-color:#FFFFDD;
	border-bottom: 1px solid #FFFFFF;
	padding: 10px;
}
#SearchHelp {
	border: 1px solid #CCCCCC;
	color: #666666;
	padding: 10px;
}

/**************************************************************************
General Classes - Alphabetically
**************************************************************************/
.ActivityArea {
	background-color: #DDDEDE;
	border-bottom : 1px solid #FFFFFF;
}
.Breadcrumb, .Breadcrumb:link, .Breadcrumb:active, .Breadcrumb:visited	{
}
.Breadcrumb:hover {
}
.BreadcrumbArea	{
    background-color: #DDDEDE;
}
.BreadcrumbRule	{
    background-color: #003366;
}
.BreadcrumbTarget, .BreadcrumbTarget:link, .BreadcrumbTarget:active, .BreadcrumbTarget:visited {
	color: #000000;
}
.BreadcrumbTarget:hover {
	color: #000000;
	text-decoration: none;
}
.Button {
	font-size : 9pt;
}
.Button2 {
	font-size : 8pt;
}
.Comment {
    font-size: 9pt;
	font-style: italic;
	color: green;
}
.Disabled {
    color: #A9A9A9;
}
.DisplayHead {
	background-color : #DDDEDE;
}
.DisplayHead:link, DisplayHead:active, DisplayHead:visited, DisplayHead:hover {
	color : #336699;
	background-color : transparent;
	text-decoration : none;
}
.DisplayHeadLabel, .DisplayHeadLabel: link, .DisplayHeadLabel:active, .DisplayHeadLabel:visited, .DisplayHeadLabel:hover {
	color : #0033CC;
}
.DisplayHeadSort {
	background-color : #CFDAE5;
}
.DisplayHeadSort:link, DisplayHeadSort:active, DisplayHeadSort:visited, DisplayHeadSort:hover {
	color : #336699;
	background-color : transparent;
	text-decoration : none;
}
.DisplayFooter {
	background-color : #DDDEDE;
}
.DisplayRow {
}
.DisplayRowAlt {
	background-color : #EEEEEE;
}
.Error {
    color: #FF0000;
}
.ErrorArea {
	background-color : #E5CFCF;
	border-bottom : 1px solid #FFFFFF;
	color : #FF0000;
	text-align : center;
	padding : 3px;
}
.FolderNav1, .FolderNav1:link, .FolderNav1:active, .FolderNav1:visited {
	color : #0033CC;
	font-weight : bold;
}
.FolderNav1:hover {
	color : #0033CC;
}
.FolderNav2, .FolderNav2:link, .FolderNav2:active, .FolderNav2:visited {
	color : #0033CC;
}
.FolderNav2:hover {
	color : #0033CC;
}
.FolderNav3, .FolderNav3:link, .FolderNav3:active, .FolderNav3:visited {
	color : #0033CC;
}
.FolderNav3:hover {
	color : #0033CC;
}
.FooterArea {
	background-color : #FFFFFF;
	text-align : center;
}
.FooterBar {
	background-color : #CCCCCC;
}
.FooterText, .FooterText:link, .FooterText:active, .FooterText:visited {
}
.FooterText:hover {
}
.FormHead {
	font-weight: bold;
	color : #FFFFFF;
	background-color : #767A7D;
}
.FormHead:link, .FormHead:active, .FormHead:visited {
	color : #FFFFFF;
	font-weight : bold;
}
.FormHead:hover {
}
.GroupBorderChrome {
	border-bottom: 1px solid #D4D0C8;
	border-right: 1px solid #D4D0C8;
	border-left: 2px window-inset #A0A0A0;
	border-top: 2px window-inset #A0A0A0;
}
.Help {
	font-style : italic;
}
.Hidden {
	display : none;
}
.Label1 {
	color: #000000;
	font-weight: bold;
}
.Label1:link, .Label1:active, .Label1:visited {
	color : #0033CC;
}
.Label1:hover {
	color : #FF3932;
	text-decoration: underline;
}
.Label2 {
	color: #999999;
	font-weight: bold;
}
.List {
    border-top: 1pt solid #CCCCCC;
}
.ListHeader {
    border-top: 1pt solid #CCCCCC;
}
.ListFooter {
    border-top: 1pt solid #CCCCCC;
}
.ListBG {
    background-color : #EEEEEE;
    border-top: 1pt solid #CCCCCC;
}
.ListBreak {
    border-top: 1pt solid #CCCCCC;
    word-break: break-all; /**PRS 18,246**/
}
.ListControl {
	background-color : #EEEEEE;
    border-top: 1pt solid #CCCCCC;
}
.ListLabel {
    border-top: 1pt solid #CCCCCC;
	font-weight: bold;
}
.ListMessage {
	margin: 10px;
	text-align: center;
}
.ListSelected {
	border-top: 1pt solid #CCCCCC;
	background-color : #F2F2C2;
}
.MenuAreaOff {
	border : 1px solid #FFFFFF;
	cursor: hand;
}
.MenuAreaOn {
    background-color: #CBDCED;
	border : 1px solid #000000;
	cursor: hand;
}
.MenuHeader	{
}
.MenuLabelOff {
	color:#000000;
}
.MenuLabelOff:link {
	color:#000000;
}
.MenuLabelOff:visited {
	color:#000000;
}
.MenuLabelOff:hover {
	color:#000000;
	text-decoration : none;
}
.MenuLabelOn {
}
.MenuLabelOn:link {
	color: #000000;
}
.MenuLabelOn:visited {
	color: #000000;
}
.MenuLabelOn:hover {
	color: #000000;
	text-decoration : none;
}
.MenuTable {
	background-color: #FFFFFF;
	width: 130px;
	padding : 2px 2px 2px 2px;
}
.PageBarArea {
	background-color : #DDDEDE;
	border-bottom : 1px solid white;
}
.PageHead {
    font-size: 14pt;
	font-weight: bold;
    color: #6732BA;
}
.PageHead2 {
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}
.PageImageLeft {
	margin-right : 20px;
}
.PageImageRight {
	margin-left : 20px;
}
.PageImageTop {
	margin-bottom : 20px;
}
.PagePadding {
	padding: 10px;
}
.PermissionHead {
    font-size: 8pt;
    font-family: courier new;
    font-weight : bold;
}
.PermissionText {
    font-size: 8pt;
    font-family: courier new;
}
.ProductImageLeft {
	margin-right : 20px;
}
.ProductImageRight {
	margin-left : 20px;
}
.ProductImageTop {
	margin-bottom : 20px;
}
.Required {
	font-weight: bold;
	color : #FF3333;
}
.ResultNav {
	border-bottom : 1px solid #999999;
	border-top : 1px solid #999999;
}
.ResponseNote {
 background-color : #E5FFE5;
 padding : 5px;
 width : 100%;
}
.ResponseRequired {
 border-top : 1px solid #FF0000;
 border-bottom : 1px solid #FF0000;
 padding-bottom : 1px;
}
.ResponseTitle {
 background-color : #E5FFE5;
 border-top : 1px solid #009900;
 padding : 5px;
 width : 100%;
}
.Result:link, .Result:active, .Result:visited, .Result:hover {
	color:#7777CC;
}
.ResultLabel {
	color: #6f6f6f;
}
.ReviewList {
 background-color : #FFFFFF;
 border-top : 2px solid #FFCC00;
}
.ReviewListClosed {
 background-color : #FFFFFF;
 border-top : 2px solid #009900;
}
.ReviewListOpen {
 background-color : #FFFFFF;
 border-top : 2px solid #FF0000;
}
.ReviewNote {
 padding-top : 5px;
 padding-bottom : 10px;
}
.ReviewNoteArea {
 background-color : #FBFBEA;
 border-bottom : 1px solid #A2A282;
 padding : 10px;
}
.ReviewNoteBar {
 border-left : 1px solid #FBFBEA;
 border-top : 1px solid #FBFBEA;
 border-right : 1px solid #A2A282;
 border-bottom : 1spx solid #A2A282;
 background-color : #F2F2C2;
 padding : 3px;
}
.ReviewTitle {
 padding-bottom : 5px;
}
.RssChannelTitle {
	font-size: small;
	font-weight: bold;
}
.RssChannelDescription {
}
.RssItemTitle {
	font-weight: bold;
}
.RssItemDescription {
}
.RssItemAuthor {
}
.RssItemPublishDate {
}
.SectionHead {
	font-weight: bold;
}
.SectionRule {
	background-color : #999999;
}
.SmallHelp {
	font-size: 8pt;
}
.SmallText, .SmallText:link, .SmallText:active, .SmallText:visited {
	font-size: 8pt;
}
.SmallText: hover {
}
.SubTabArea {
	background-color : #767A7D;
	border-bottom : 4px solid #FFFFFF;
	padding-left : 4px;
	padding-right : 4px;
	text-align : bottom;
}
.SubTabOff {
	font : bold 8pt;
	color : #FFFFFF;
	border-left : 4px solid #767A7D;
	padding-left : 8px;
	padding-right : 8px;
}
.SubTabOff:link, .SubTabOff:active, .SubTabOff:visited {
	color : #FFFFFF;
	border-left : none;
	padding-left : none;
	padding-right : none;
}
.SubTabOff:hover {
	color : #B5E7FF;
}
.SubTabOn {
	font : bold 8pt;
	color : #000000;
	background-color : #FFFFFF;
	border-left : 4px solid #767A7D;
	padding-left : 8px;
	padding-right : 8px;
}
.SubTabOn:link, .SubTabOn:active, .SubTabOn:visited {
	color : #000000;
	border-left : none;
	padding-left : none;
	padding-right : none;
}
.SubTabOn:hover {
	color : #000000;
	text-decoration : none;
}
.Success {
    color: #339933;
}
.SuccessArea {
	background-color : #CFE5CF;
	border-bottom : 1px solid #FFFFFF;
	color : #339933;
	text-align : center;
	padding : 3px;
}
.TabBar {
	background-color : #767A7D;
}
.TabOff, .TabOff:link, .TabOff:active, .TabOff:visited {
	background-color: #DDDEDE;
	color : #000000;
}
.TabOff:hover {
	color : #FF3932;
}
.TabOn, .TabOn:link, .TabOn:active, .TabOn:visited {
	font-weight: bold;
	color : #FFFFFF;
	background-color : #767A7D;
}
.TabOn:hover {
	color : #FFFFFF;
	text-decoration : none;
}
.ToolArea {
	background-color : #CFDAE5;
	border-bottom : 1px solid #FFFFFF;
}
.ToolIcon, .ToolIcon:link, .ToolIcon:active, .ToolIcon:visited {
	background-color: #999999;
}
.ToolIcon:hover {
	background-color: #0000FF;
}
.ToolIconHover {
	background-color: #0000FF;
}
.TopNavAreaLeft	{
	background-Color: #BBBDBE;
}
.TopNavAreaRight {
	background-Color: #BBBDBE;
}
.TopNavTabArea {
	background-color: #BBBDBE;
}
.TopNavTabBar {
	background-color: #6732BA;
}
.TopNavTabOff, .TopNavTabOff:link, .TopNavTabOff:active, .TopNavTabOff:visited {
	font-weight : bold;
	color : #FFFFFF;
	line-height : 22px;
	padding : 4px 8px 4px 8px;
}
.TopNavTabOff:hover {
	color : #B5E7FF;
	text-decoration : none;
}
.TopNavTabOn:link, .TopNavTabOn:active, .TopNavTabOn:visited {
    background-color : #6732BA;
	color : #FFFFFF;
	font-weight : bold;
	line-height : 22px;
	padding : 4px 8px 4px 8px;
}
.TopNavTabOn:hover {
	color: #FFFFFF;
	text-decoration : none;
}
.TopNavText {
	color : #FFFFFF;
}
.TopNavText:link, .TopNavText:active, .TopNavText:visited {
	color : #FFFFFF;
}
.TopNavText:hover {
	color : #B5E7FF;
}
.TopNavTitleText {
	color : #FFFFFF;
	font-weight : bold;
}
.ViewBarText, .ViewBarText:link, .ViewBarText:active, .ViewBarText:visited {
	color : #666666;
	font-size : 8pt;
	line-height : 2em;
}
.ViewBarText:hover {
	color : #FF3932;
	text-decoration: underline;
}
.Width100Percent {
	width: 100%;
}

/**************************************************************************
Default  Component Style 
**************************************************************************/
.ComponentBodyArea {
}
.ComponentBodyTable {
}
.ComponentDisplayHead {
	background-color : #CCCCCC;
}
.ComponentDisplayLabel {
	background-color : #CCCCCC;
	font-weight : bold;
}
.ComponentHeaderButtons {
}
.ComponentHeaderImage {
}
.ComponentHeaderImageLeft {
	display : none;
}
.ComponentHeaderImageRight {
	display : none;
}
.ComponentHeaderTable {
	background-color: #8D65CB;
}
.ComponentHeaderTitle {
	color: #FFFFFF;
	font-weight: bold;
}
.ComponentLabel {
	font-weight : bold;
}
.ComponentLabel2 {
	font-weight : bold;
	color: #999999;
}
.ComponentList {
    border-top: 1pt solid #CCCCCC;
}
.ComponentListLabel {
    border-top: 1pt solid #666666;
	font-weight: bold;
}
.ComponentMarginTop {
	margin-top: 15px;
}
.ComponentRule {
	background-color : #999999;
}
/* END Default Component Style*/

/**************************************************************************
Standard Component Styles 
**************************************************************************/
/*Standard - Border*/
.ComponentStyle_StandardBorder .ComponentBodyTable {
	border: 1px solid #8D65CB;
}
/*Standard - Border/FIll*/
.ComponentStyle_StandardBorderFill .ComponentBodyTable {
	background-color: #EEEEEE;
	border: 1px solid #8D65CB;
}
/*Standard - Fill*/
.ComponentStyle_StandardFill .ComponentBodyTable {
	background-color: #EEEEEE;
}
/*Standard - NoHeader*/
.ComponentStyle_StandardNoHeader .ComponentHeaderTable {
	background-color : transparent;
}
.ComponentStyle_StandardNoHeader .ComponentHeaderImage {
	display : none;
}
.ComponentStyle_StandardNoHeader .ComponentHeaderTitle {
	color : #000000;
}
/*Standard - NoHeader/Border*/
.ComponentStyle_StandardNoHeaderBorder .ComponentHeaderTable {
	background-color : transparent;
}
.ComponentStyle_StandardNoHeaderBorder .ComponentHeaderImage {
	display : none;
}
.ComponentStyle_StandardNoHeaderBorder .ComponentHeaderTitle {
	color : #000000;
}
.ComponentStyle_StandardNoHeaderBorder .ComponentBodyTable {
	border: 1px solid #8D65CB;
}
.TabComponentBodyTable {
}
.TabComponentMarginTop {
	margin-top: 15px;
}
/*END Standard Component Styles*/

/**************************************************************************
Gray Component Styles 
**************************************************************************/
/* Gray - Default */
.ComponentStyle_GrayDefault .ComponentHeaderTable {
	background-color : #CCCCCC;
	border : 1px solid #000000;
}
.ComponentStyle_GrayDefault .ComponentHeaderTitle {
	color : #000000;
}
/*Gray - Border*/
.ComponentStyle_GrayBorder .ComponentHeaderTable {
	background-color : #CCCCCC;
	border : 1px solid #000000;
}
.ComponentStyle_GrayBorder .ComponentHeaderTitle {
	color : #000000;
}
.ComponentStyle_GrayBorder .ComponentBodyTable {
	border: 1px solid #CCCCCC;
}
/*Gray - Border/FIll*/
.ComponentStyle_GrayBorderFill .ComponentHeaderTable {
	background-color : #CCCCCC;
	border : 1px solid #000000;
}
.ComponentStyle_GrayBorderFill .ComponentHeaderTitle {
	color : #000000;
}
.ComponentStyle_GrayBorderFill .ComponentBodyTable {
	background-color : #EEEEEE;
	border: 1px solid #CCCCCC;
}
/*Gray - Fill*/
.ComponentStyle_GrayFill .ComponentHeaderTable {
	background-color : #CCCCCC;
	border : 1px solid #000000;
}
.ComponentStyle_GrayFill .ComponentHeaderTitle {
	color : #000000;
}
.ComponentStyle_GrayFill .ComponentBodyTable {
	background-color : #EEEEEE;
}
/*Gray - NoHeader*/
.ComponentStyle_GrayNoHeader .ComponentHeaderTable {
	background-color : transparent;
}
.ComponentStyle_GrayNoHeader .ComponentHeaderImage {
	display : none;
}
.ComponentStyle_GrayNoHeader .ComponentHeaderTitle {
	color : #000000;
}
/*Gray - NoHeader/Border*/
.ComponentStyle_GrayNoHeaderBorder .ComponentHeaderTable {
	background-color : transparent;
}
.ComponentStyle_GrayNoHeaderBorder .ComponentHeaderImage {
	display : none;
}
.ComponentStyle_GrayNoHeaderBorder .ComponentHeaderTitle {
	color : #000000;
}
.ComponentStyle_GrayNoHeaderBorder .ComponentBodyTable {
	border: 1px solid #CCCCCC;
}
/*END Gray Component Styles*/

/**************************************************************************
Round Component Styles 
**************************************************************************/
/* Round - Default */
.ComponentStyle_RoundDefault .ComponentHeaderTable {
	background-color : #8D65CB;
}
.ComponentStyle_RoundDefault .ComponentHeaderImageLeft {
	display : inline;
}
.ComponentStyle_RoundDefault .ComponentHeaderImageRight {
	display : inline;
}
/*Round - Border*/
.ComponentStyle_RoundBorder .ComponentHeaderTable {
	background-color : #8D65CB;
}
.ComponentStyle_RoundBorder .ComponentHeaderImageLeft {
	display : inline;
}
.ComponentStyle_RoundBorder .ComponentHeaderImageRight {
	display : inline;
}
.ComponentStyle_RoundBorder .ComponentBodyTable {
	border: 1px solid #8D65CB;
}
/*Round - Border/FIll*/
.ComponentStyle_RoundBorderFill .ComponentHeaderTable {
	background-color : #8D65CB;
}
.ComponentStyle_RoundBorderFill .ComponentHeaderImageLeft {
	display : inline;
}
.ComponentStyle_RoundBorderFill .ComponentHeaderImageRight {
	display : inline;
}
.ComponentStyle_RoundBorderFill .ComponentBodyTable {
	background-color : #EEEEEE;
	border: 1px solid #8D65CB;
}
/*Round - Fill*/
.ComponentStyle_RoundFill .ComponentHeaderTable {
	background-color : #8D65CB;
}
.ComponentStyle_RoundFill .ComponentHeaderImageLeft {
	display : inline;
}
.ComponentStyle_RoundFill .ComponentHeaderImageRight {
	display : inline;
}
.ComponentStyle_RoundFill .ComponentBodyTable {
	background-color : #EEEEEE;
}
/*END Round Component Styles*/

/**************************************************************************
Special Component Styles 
**************************************************************************/
/* Special - Alert */
.ComponentStyle_SpecialAlert .ComponentHeaderTable {
	background-color : #FF3333;
}
.ComponentStyle_SpecialAlert .ComponentBodyTable {
	border: 1px solid #FF3333;
}
/*Special - Clear */
.ComponentStyle_SpecialClear .ComponentHeaderTable {
	background-color : transparent;
}
.ComponentStyle_SpecialClear .ComponentHeaderImage {
	display : none;
}
.ComponentStyle_SpecialClear .ComponentHeaderTitle {
	display : none;
}
/*Special - Clear Header/Border*/
.ComponentStyle_SpecialClearHeaderBorder .ComponentHeaderTable {
	background-color : transparent;
}
.ComponentStyle_SpecialClearHeaderBorder .ComponentHeaderImage {
	display : none;
}
.ComponentStyle_SpecialClearHeaderBorder .ComponentHeaderTitle {
	display : none;
}
.ComponentStyle_SpecialClearHeaderBorder .ComponentBodyTable {
	border: 1px solid #CCCCCC;
}
/*Special - Clear Header/Fill*/
.ComponentStyle_SpecialClearHeaderFill .ComponentHeaderTable {
	background-color : transparent;
}
.ComponentStyle_SpecialClearHeaderFill  .ComponentHeaderImage {
	display : none;
}
.ComponentStyle_SpecialClearHeaderFill  .ComponentHeaderTitle {
	display : none;
}
.ComponentStyle_SpecialClearHeaderFill .ComponentBodyTable {
	background-color : #EEEEEE;
}
/*Special - Notepad*/
.ComponentStyle_SpecialNotepad .ComponentHeaderTable {
	background-color : #FFFFCC;
}
.ComponentStyle_SpecialNotepad  .ComponentHeaderTitle {
	color: #000000;
}
.ComponentStyle_SpecialNotepad .ComponentBodyTable {
	background-color : #FFFFCC;
}
/*END Special Component Styles*/

/**************************************************************************
Component Spacing Styles CSS 
**************************************************************************/
/*Top-Margin: None*/
.ComponentSpacing_None .ComponentMarginTop {
	display: none;
}
/*Top-Margin: 2x*/
.ComponentSpacing_2x .ComponentMarginTop {
	margin-top: 30px;
}
/*Top Margin: Default; Padding On*/
.ComponentSpacing_DefaultPadding .ComponentMarginTop {
	margin-top: 15px;
}
.ComponentSpacing_DefaultPadding .ComponentBodyArea {
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	padding-bottom : 10px;
}
/*Top-Margin: None; Padding On*/
.ComponentSpacing_NonePadding .ComponentMarginTop {
	display: none;
}
.ComponentSpacing_NonePadding .ComponentBodyArea {
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	padding-bottom : 10px;
}
/*Top Margin: 2x ; Padding On*/
.ComponentSpacing_2xPadding .ComponentMarginTop {
	margin-top: 30px;
}
.ComponentSpacing_2xPadding .ComponentBodyArea {
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	padding-bottom : 10px;
}
/*END Spacing Styles*/

/**************************************************************************
Tabbed Component Styles CSS 
**************************************************************************/
/*Border*/
.TabComponentStyle_Border .TabComponentBodyTable {
	border: 1px solid #CCCCCC;
}
/*Solid*/
.TabComponentStyle_Solid .TabComponentBodyTable {
	background-color: #EEEEEE;
}
/*END Tabbed Component Styles*/

/**************************************************************************
DHTML CSS 
**************************************************************************/
.DHTMLTree {
    background-color: #FFFFFF;
}
.DHTMLTreeEvenLine {
    background-color: #EEEEEE;
}
.DHTMLTreeForNetscape
	{
    width: 400px;
    height: 500px;
}
.DHTMLTreeTable {
    background-color: #FFFFFF;
    border-top: 0pt solid #FFFFFF;
    width: 100%;
}
/*END DHTML*/

/**************************************************************************
Grid Control CSS 
**************************************************************************/

.GridBreak {
	background-color:#EBEBEC;
	border-right:1px solid #BBBDBE;
	font-size:1px;
	padding:0px;
	width:1px;
}
.GridHead {
	background-color:#DDDEDE;
	border-top:1px solid #FFF;
	border-right:1pt solid #BBBDBE;
	border-bottom:1pt solid #BBBDBE;
}
.GridHeadLabel, .GridHeadLabel:link, .GridHeadLabel:active, .GridHeadLabel:visited {
	color:#336699;
	text-decoration:none;
}
.GridHeadLabel:hover {
	color:#336699;
	text-decoration: underline;
}
.GridHeadSort {
	background-color:#CFDAE5;
	border-top:1px solid #FFF;
	border-right:1pt solid #BBBDBE;
	border-bottom:1pt solid #BBBDBE;
}
.GridHeadSortLabel, .GridHeadSortLabel:link, .GridHeadSortLabel:active, .GridHeadSortLabel:visited {
	color:#336699;
	text-decoration:none;
}
.GridHeadSortLabel:hover {
	color:#336699;
	text-decoration: underline;
}
.GridHeadTotal {
	background-color:#DDDEDE;
	border-top:1px solid #FFF;
	border-right:1pt solid #BBBDBE;
	border-bottom:1pt solid #BBBDBE;
	font-weight:bold;
}
.GridList {
    background-color:#FFF;
	border-right:1pt solid #BBBDBE;
	border-bottom:1pt solid #BBBDBE;
}
.GridListSelected {
    background-color:#F2F2C2;
	border-right:1pt solid #BBBDBE;
	border-bottom:1pt solid #BBBDBE;
}
.GridToolArea {
	background-color : #CFDAE5;
	border-top:1px solid #FFF;
	border-right:1pt solid #BBBDBE;
	border-bottom:1pt solid #BBBDBE;
}
.GridListTotal {
    background-color:#EBEBEC;
    border-right:1pt solid #BBBDBE;
	border-bottom:1pt solid #BBBDBE;
	font-weight:bold;
}
.GridPageBarArea {
	background-color:#DDDEDE;
	border-top:1px solid #FFF;
	border-right:1pt solid #BBBDBE;
	border-bottom:1pt solid #BBBDBE;
}
.GridScrollArea {
	background-color:#EBEBEC;
	padding: 0px;
	border-top:1px solid #FFF;
	border-right:1pt solid #BBBDBE;
	border-bottom:1pt solid #BBBDBE;
}
.GridScrollButton {
	font-size: xx-small;
	height: 2em;
	width: 2em;
}
.GridScrollHead {
	background-color:#DDDEDE;
	border-top:1px solid #FFF;
	border-right:1pt solid #BBBDBE;
	border-bottom:1pt solid #BBBDBE;
}
.GridScrollLabel {
}
.GridTable {
    border-left:1pt solid #BBBDBE;
	border-top:1pt solid #BBBDBE;
}

/**************************************************************************
Rich Text Editor CSS
**************************************************************************/
.RichTextEditor {
	width: 100%;
	border:inset;
	height: 100%;
	border-width:2;
	background-color:white;
	overflow: auto;
}
.SourceEditor {
	width: 100%;
	display:block;
	overflow: auto;
}
.RichTextEditorButton {
	border:solid;
	border-style:outset;
	border-width:thin;
	cursor:hand;
	vertical-align:bottom;
}
.RichTextEditorColorMenu {
	display:none;
	position:absolute;
	border: 1 solid black;
}
/*END Rich Text Editor */

/**************************************************************************
Folder Layout Editor DHTML Menu CSS
**************************************************************************/
A.DHTMLmenu {
	width: 150px; 
	color: #000000; 
}
A.DHTMLmenu:hover {
	text-decoration: none;
	background-color: #CBDCED;
	border: 1px black solid;
	color: #000000;
}
/* END Layout Editor DHTML Menu */

/**************************************************************************
Component Flyout Menu CSS
**************************************************************************/
.ToolTip {
	text-Indent: 2pt;
	text-align: justify; 
	background-color: #FFFFFF;
	visibility: hidden;
	left: 0px;
	z-index: 1;
	position: absolute;
	overflow: auto; 
	width: 130px;
}
.ToolTipShow {
	width: 130px;
	position: absolute; 
	z-index: 1;
}
/* END Component Flyout Menu */

/**************************************************************************
View Editor CSS
**************************************************************************/
/* - Entity type navigator attribute selected */
.ViewEditorNavAttrSelected {
	color: #000000;
	background-color: #CBDCED;
}
/* - Design-time attribute layout description container cell */
.ViewEditorDtAldContainerCell {
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: expression(cellIndex == 0 ? '1px solid #808080' : 'none');
	border-right: expression(cellIndex == parentElement.cells.length - 1 ? '1px solid #808080' : 'none');
}
/* - Design-time attribute layout description container */
.ViewEditorDtAldContainer {
	border: 1px solid #808080;
	padding : 2px;
}
/* - Attribute layout description caption selected */
.ViewEditorAldCaptionSelected {
	background-color: #F5F5DC;
}
/* - Attribute layout description control */
.ViewEditorAldControl {
	cursor: default;
}
/* - Design-time attribute layout description read-only caption */
.ViewEditorDtAldReadOnlyCaption {
	background-color: F0F0F0;
	padding-right: 1px;
}
/* - Popup menu highlight */
.ViewEditorPopupMenuHighlight {
	background-color: #CBDCED;
	border-color: #00008B;
}
/* - Caption field for property dialog */
.ViewEditorPropDlgCaptionField {
	border-bottom: 1px solid #D4D0C8;
	border-right: 1px solid #D4D0C8;
	border-left: 2px window-inset #A0A0A0;
	border-top: 2px window-inset #A0A0A0;
	overflow: auto;
	width: expression(parseInt(window.dialogWidth) - 46);
}
/* "Required" classes used by views */
.RequiredCell {
	padding-right: 0px;
	padding-left: 0px;
}
.RequiredSpan {
	width: 0px;
	font-weight: bold;
	color: #FF3333;
}
/* END View Editor */

/**************************************************************************
RM Console Sidebar for Mac CSS
**************************************************************************/ 
.RMNavMyProjectsResultsDiv {
	overflow: auto;
	width: 100%;
	height: 429px;
}
.RMNavFastFindResultsDiv {
	overflow: auto;
	width: 100%;
	height: 204px;
}
.RMNavFastFindProjectTypeSelector {
	width: 211px;
}
/* END RM Console Sidebar  for Mac*/

/**************************************************************************
SmartForm JumpTo Menu CSS
**************************************************************************/ 
.JumpToLauncher, .JumpToLauncher:link, .JumpToLauncher:active, .JumpToLauncher:visited {
	border : 1px solid #F3F8FD;
	color : #666666;
	font-size : 8pt;
	line-height : 2em;
	padding : 2px 4px 2px 4px;
	text-decoration : none;
}
.JumpToLauncher:hover {
	background-color : #EEEEEE;
	color : #333333;
	text-decoration : none;
}
#jumpToMenuDiv{
	background-color : #F3F8FD;
	border : 1px solid #666666;
	line-height : 1.5em;
	margin-top : .5em;
	overflow:auto;
	padding : 2px 20px 2px 2px;
	position : absolute;
	text-align : left;
	width : 300px;
	z-index : 100;
}
.JumpToStep, .JumpToStep:link, .JumpToStep:active, .JumpToStep:visited {
	border : 1px solid #F3F8FD;
	color : #000000;
	line-height : 1.5em;
	padding : 1px;
	width : 100%;
	text-decoration : none;
	}
.JumpToStep:hover{
	background-color : #F1F1F1;
	border : 1px solid #CCCCCC;
	text-decoration : none;
}
.JumpToStepCurrent, .JumpToStepCurrent:link, .JumpToStepCurrent:active, .JumpToStepCurrent:visited {
	border : 1px solid #F3F8FD;
	color : #FF3333;
	line-height : 1.5em;
	padding : 1px;
	width : 100%;
	text-decoration : none;
}
.JumpToStepCurrent:hover{
	background-color : #F1F1F1;
	border : 1px solid #CCCCCC;
	text-decoration : none;
}
.JumpToStepHighlighted, .JumpToStepHighlighted:link, .JumpToStepHighlighted:active, .JumpToStepHighlighted:visited {
	border : 1px solid #F3F8FD;
	color : #000000;
	line-height : 1.5em;
	padding : 1px;
	width : 100%;
	text-decoration : none;
}
.JumpToStepHighlighted:hover{
	background-color : #F1F1F1;
	border : 1px solid #CCCCCC;
	text-decoration : none;
}
.JumpToStepCurrentHighlighted, .JumpToStepCurrentHighlighted:link, .JumpToStepCurrentHighlighted:active, .JumpToStepCurrentHighlighted:visited {
	border : 1px solid #F3F8FD;
	color : #FF3333;
	line-height : 1.5em;
	padding : 1px;
	width : 100%;
	text-decoration : none;
}
.JumpToStepCurrentHighlighted:hover{
	background-color : #F1F1F1;
	border : 1px solid #CCCCCC;
	text-decoration : none;
}
.JumpToStepNonHighlighted, .JumpToStepNonHighlighted:link, .JumpToStepNonHighlighted:active, .JumpToStepNonHighlighted:visited {
	border : 1px solid #F3F8FD;
	color : #666666;
	line-height : 1.5em;
	font-style : italic;
	padding : 1px;
	width : 100%;
	text-decoration : none;
}
.JumpToStepNonHighlighted:hover{
	background-color : #F1F1F1;
	border : 1px solid #CCCCCC;
	text-decoration : none;
}
.JumpToStepCurrentNonHighlighted, .JumpToStepCurrentNonHighlighted:link, .JumpToStepCurrentNonHighlighted:active, .JumpToStepCurrentNonHighlighted:visited {
	border : 1px solid #F3F8FD;
	color : #FF3333;
	line-height : 1.5em;
	font-style : italic;
	padding : 1px;
	width : 100%;
	text-decoration : none;
}
.JumpToStepCurrentNonHighlighted:hover{
	background-color : #F1F1F1;
	border : 1px solid #CCCCCC;
	text-decoration : none;
}
.JumpToBreak, .JumpToBreak:link, .JumpToBreak:active, .JumpToBreak:visited, .JumpToBreak:hover {
	color : #666666;
	font-size : 50%;
	text-decoration : none;
}
.JumpToSection, .JumpToSection:link, .JumpToSection:active, .JumpToSection:visited {
	border : 1px solid #F3F8FD;
	color : #000000;
	line-height : 1.5em;
	font-weight: bold;
	padding : 1px;
	width : 100%;
	text-decoration : none;
}
.JumpToSection:hover{
	background-color : #F1F1F1;
	border : 1px solid #CCCCCC;
	text-decoration : none;
}
.JumpToSectionCurrent, .JumpToSectionCurrent:link, .JumpToSectionCurrent:active, .JumpToSectionCurrent:visited {
	border : 1px solid #F3F8FD;
	color : #FF3333;
	line-height : 1.5em;
	font-weight : bold;
	width : 100%;
	text-decoration : none;
}
.JumpToSectionCurrent:hover{
	background-color : #F1F1F1;
	border : 1px solid #CCCCCC;
	text-decoration : none;
}
.JumpToSectionHighlighted, .JumpToSectionHighlighted:link, .JumpToSectionHighlighted:active, .JumpToSectionHighlighted:visited {
	border : 1px solid #F3F8FD;
	color : #000000;
	line-height : 1.5em;
	font-weight : bold;
	padding : 1px;
	width : 100%;
	text-decoration : none;
}
.JumpToSectionHighlighted:hover{
	background-color : #F1F1F1;
	border : 1px solid #CCCCCC;
	text-decoration : none;
}
.JumpToSectionCurrentHighlighted, .JumpToSectionCurrentHighlighted:link, .JumpToSectionCurrentHighlighted:active, .JumpToSectionCurrentHighlighted:visited {
	border : 1px solid #F3F8FD;
	color : #FF3333;
	line-height : 1.5em;
	font-weight : bold;
	padding : 1px;
	width : 100%;
	text-decoration : none;
}
.JumpToSectionCurrentHighlighted:hover{
	background-color : #F1F1F1;
	border : 1px solid #CCCCCC;
	text-decoration : none;
}
.JumpToSectionNonHighlighted, .JumpToSectionNonHighlighted:link, .JumpToSectionNonHighlighted:active, .JumpToSectionNonHighlighted:visited {
	border : 1px solid #F3F8FD;
	color : #666666;
	line-height : 1.5em;
	font : bold italic;
	padding : 1px;
	width : 100%;
	text-decoration : none;
}
.JumpToSectionNonHighlighted:hover{
	background-color : #F1F1F1;
	border : 1px solid #CCCCCC;
	text-decoration : none;
}
.JumpToSectionCurrentNonHighlighted, .JumpToSectionCurrentNonHighlighted:link, .JumpToSectionCurrentNonHighlighted:active, .JumpToSectionCurrentNonHighlighted:visited {
	border : 1px solid #F3F8FD;
	color : #FF3333;
	line-height : 1.5em;
	font : bold italic;
	padding : 1px;
	width : 100%;
	text-decoration : none;
}
.JumpToSectionCurrentNonHighlighted:hover{
	background-color : #F1F1F1;
	border : 1px solid #CCCCCC;
	text-decoration : none;
}
/* END SmartForm JumpTo Menu */

/**************************************************************************
View Differences CSS
**************************************************************************/ 
.DifferenceArea {
	background-color: #EEDDDD;
	border-left: 5px solid #CC9999;
	border-right: 1px solid #CC9999;
	border-top: 1px solid #CC9999;
	border-bottom: 1px solid #CC9999;
	margin-top: 5px;
	padding: 10px;
}
.DiffResult-Delete {
	text-decoration: line-through;
}
.DiffResult-Insert {
	background-color: #FFFF00;
}
.DiffResult-Replace-Source {
	text-decoration: line-through;
}
.DiffResult-Replace-Dest {
	background-color: #FFFF00;
}

.DifferenceDetailWrapper {
	margin-top: 5px;
}

.DifferenceNoteBar {
 	background-color: #EEDDDD;
	border-left: 5px solid #CC9999;
	border-right: 1px solid #CC9999;
	border-top: 1px solid #CC9999;
	border-bottom: 1px solid #CC9999;
 	padding: 3px;
 	font-weight: bold;
}

.DifferenceDetail {
	background-color: #FFF;
	border-left: 5px solid #CC9999;
	border-right: 1px solid #CC9999;
	border-top: none;
	border-bottom: 1px solid #CC9999;
}

.DifferenceDetailLabelCell {
	text-align: right;
	vertical-align: top;
	width: 1%;
	white-space: nowrap;
	padding: 3px;
}

.DifferenceDetailValueCell {
	vertical-align: baseline;
	padding: 3px;
}

.DifferenceExpansionToggle {
	vertical-align: middle;
	margin-right: 3px;
	cursor: pointer;
}

/**************************************************************************
Source Control Integration 
**************************************************************************/ 
.SourceControlMessage
{
	font-weight: bold;
	color: red;
}

/**************************************************************************
Project Validation 
**************************************************************************/ 
.ErrorList {
	color: red;
    border-top: 1pt solid #CCCCCC;
}
.WarningList
{
    border-top: 1pt solid #CCCCCC;
}

/**************************************************************************
JSCalendar widget
**************************************************************************/ 

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

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

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

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

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

.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 */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #e4e0d8;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #c4c0b8;
}

/* 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: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

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

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

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

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #e4e0d8;
}

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

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.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) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #f4f0e8;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

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

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

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

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

.calendar .combo .active {
  background: #c4c0b8;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #fea;
}

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

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  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: #766;
  color: #fff;
}

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

/*************************************************************************************
CSS used by the Project methods getSmartFormIconLink() and getSmartFormIconPopupLink().
Also used by the ProjectView component when the SmartForm link icon option is enabled.
**************************************************************************************/ 

.smartFormIconLink, .smartFormIconLink:hover, .smartFormIconPopupLink, .smartFormIconPopupLink:hover {
	background: url(Images/icons/smartForm.gif) center center no-repeat;
	padding-right: 16px; /* The width of the icon */
	text-decoration: none;
}