/**************************************************************************
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*/

/**************************************************************************
Custom Layout Classes
**************************************************************************/
.1Column {
	padding : 10px;
	vertical-align: top;
}
.1ColumnB {
	padding : 10px;
	vertical-align: top;
}
.Column1 {
	padding : 10px;
	width: 200px;
	vertical-align: top;
}
.Column2 {
	padding: 10px;
	vertical-align: top;
}
.Column2B {
	padding: 10px;
	vertical-align: top;
}
.Column3 {
	padding: 10px;
	width: 200px;
	vertical-align : top;
}
.FooterArea {
	padding: 10px ;
}
.FooterText {
}
.FooterText:link, .FooterText:active, .FooterText:visited {
}
.FooterText:hover {
}
.LoginArea {
}
.LoginTitleArea {
}
/*END Custom Layout Classes*/

/**************************************************************************
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;
}
 
/**************************************************************************
Project Print CSS

When the Print Project (aka "Print Friendly") page renders, the Views are
set to read-only, which causes the controls to render as disabled.  When you
physically print disabled radio buttons and checkboxes, many printers print
them so faintly, they cannot be seen.  The View controls for Set and Entity
Reference now have two form controls that are rendered when in read-only mode:
one for the screen (disabled) and one for printing (enabled).  These form
controls have these CSS classes tagged on them.  When painted on the screen,
the "media screen" classes apply and the disabled control (ALDForScreen) is
visible and the enabled control (ALDForPrint) is invisible.  When sent to the
printer, the "media print" classes apply and the roles are reversed.

Fixed as part of SC00002355.
**************************************************************************/
@media print {
	.ALDForPrint {
		display : inline;
	}
	.ALDForScreen {
		display : none;
	}
}
@media screen {
	.ALDForPrint {
		display : none;
	}
	.ALDForScreen {
		display : inline;
	}
}