body { background-color: white; margin: 2px; }
td { margin: 0pt; font: 11px Arial, sans-serif; }
a { font-weight: bold; color: #006699; text-decoration: none; }
a:hover { text-decoration: underline; }
.masthead { background-color: black; background-repeat: no-repeat; vertical-align: top; }
td.globalheader a, .masthead a { font-weight: normal; color: white; }
td.lmenu { background: #DDD; width: 168px; vertical-align: top; border-right: 3px solid white; }
td.lmenu a { text-decoration: none; color: black; font-weight: normal; display: block; width: 100%; }
a.siteMap1:hover { text-decoration: none; }
td#leftSide { background: #333; border-bottom: 2px solid white; border-right: 0px; }
.footerContainer { text-align: right; }
/* The followning line was changed from the standard Cat.com style sheet by GRP */
/* The problem is that it has an absolute path reference */
/* .topnav a { font-weight: bold; text-transform: uppercase; display: block; width: 100%; height: 100%; background: #4D4D4D url("/cat/images/menuCorner.gif") no-repeat bottom right; } */
.topnav a { font-weight: bold; text-transform: uppercase; display: block; width: 100%; height: 100%; background: #4D4D4D url("registration/menuCorner.gif") no-repeat bottom right;  }
.topnav td { border-right: 2px solid #666; white-space: nowrap; }
.topnav a { padding: 2px 0px 4px 11px; } 
#topBG, .topnav a:hover { background-color: #333; }
#first { border-top: none; }
.topgutter { vertical-align: top; }

.indsthdr { font-weight: bold; padding: 2px 0px 2px 10px; }

.leftnavwidth div { padding: 2px 0px 2px 10px; }
.leftnavwidth .level1dmy { border-top: 1px solid #BBB; font-weight: bold; }
.leftnavwidth a.level1 { border-top: 1px solid #BBB; font-weight: bold; }
.leftnavwidth a.level2 { padding-left: 14px; }
.leftnavwidth a.level3 { padding-left: 24px; }
.leftnavwidth a.level4 { padding-left: 34px; }

td.crumbtrailContainer { background: #333; padding: 3px 0px 4px 9px; border-bottom: 2px solid white; }
td.topGlobal { text-align: right; vertical-align: top; padding-right: 10px; }
.dropdown  { font-weight: normal; font-size: 8pt}
td.globalheader, td.globalheader a.lastCrumb, .masthead a:hover { color: #FFCC00; }
#leftCornerRL, #rightCornerRL, td#global, td#homePage, td.topLang, td.globalContainer, td.leftnavwidget, .tableheading, td.crumbtrail, .extraNarrowTicklerTitle, .narrowTicklerTitle, .wideTicklerTitle, .bull { display: none; }
.topnavwidth { width: 100%; padding: 1px; background: #666; }
.leftnavwidth { width: 168px; border-bottom: 1px solid #BBB; }
th.list { font: bold 11px Arial; background: #666; text-align: left; color: white; padding: 3px 0px 2px 6px; }
#leftCorner, #rightCorner { padding-left: 0px; }
td.listDescription { background: #666; text-align: left; color: white; border-bottom: 1px solid black; padding: 0px 0px 8px 12px; }
td.crumbtrailLang { padding-right: 10px; }
.componentPad em, td#relatedLinks div em, .oddrow em, .evenrow em, .leftnavwidth em, a.siteMap3 em, a.siteMap4 em, a.siteMap5 em { font: bold 11px Arial; color: #888; font-style: normal; }
div.wideTicklerTitleText, div.narrowTicklerTitleText { padding: 5px 0px 2px 0px; font-weight: bold; }
.langSelect { font: 11px Arial, sans-serif; color: white; border: 1px solid #333; background: #666; }
.searchField { border: 0px; background-color: #CCC; color: #666; font: 11px Arial, sans-serif; height: 17px; padding-left: 4px; }
.topsearch td { padding-top: 8px; }
td.list, td.oddrow { border-bottom: 1px solid #CCC; padding: 3px 0px 4px 2px; }
tr.oddrow { background: white; }
td.evenrow { border-bottom: 1px solid #CCC; padding: 3px 0px 4px 2px; background: #EEE; }
/*td.topGlobal a { padding-left: 10px; color: white; font-weight: normal; font-size: 16pt}*/
.topGlobal a { padding-left: 10px; color: white; font-weight: normal; font-size: 8pt}
a.boldlink { font: bold 10pt;}
td.banner { color: white; vertical-align: top; padding: 20px 0px 20px 10px; font-weight: bold; width: 100%; }
div.banner { background: #999 url("/cat/images/bg.gif") repeat-x; }
td.banner div { font: bold 20px "Arial Narrow", sans-serif; text-transform: uppercase; }
td.bannerImage { vertical-align: top; background: white; }
td.bannerDivider { border-left: 10px solid #FFCC00; padding-top: 28px; vertical-align: top; }
.footerHR { background: white; color: white; font-size: 1px; width: 100%; height: 1px; border-top: 10px; border-bottom: 1px solid #CCC; }
.footerContainer span { margin: 0px 10px 0px 10px; font-size: 10px; color: #999; }
.footerContainer a { color: #999; }

.footerCopyright a { font-size: 10px; color: #999; }

.componentPad { padding: 10px; }
a.siteMap1 { font: bold 14px "Arial Narrow", sans-serif; color: black; text-transform: uppercase; }
img.thumbImage { display: block; }
th#relatedLinks, .extraNarrowTicklerTitleText { color: #CC9933; font: bold 9px Verdana, sans-serif; text-transform: uppercase; background: white; padding: 0px 0px 5px 0px; }
td#relatedLinks { font: 10px Verdana, sans-serif; color: #333; background: white; }
td#relatedLinks div { padding-bottom: 3px; }
#extraNarrowDivider { border-top: 1px solid #CCC; }
#moreLink { border-bottom: 1px solid white; }
.articleTitle { font: bold 14px "Arial Narrow", Arial, sans-serif; color: #333; text-transform: uppercase; }
.helperLink { text-decoration: none; }
a.siteMap3 { padding-left: 10px; }
a.siteMap4 { padding-left: 20px; }
a.siteMap5 { padding-left: 30px; }
.enTable { border-left: 1px solid #CCC; }
.logo2 { background-repeat: no-repeat; }
.catlogo { padding-left: 1px; padding-right: 1px;  padding-top: 1px;  padding-bottom: 1px}

/* Remove blue border from all images */
img { border-style: none; } 

/* PORTLET TITLE */

/* used on portlet titlebar */
.wpsPortletTitle {

    font: 11px Arial, sans-serif;
    font-weight: bold;
    background-color: #dddddd;
    color: #333333;
}

/* Used around portlet contents in the skin - New in v5.1
   Generally, this style only has a left bottom and right border turned on.
   Not all skins use this style.
*/
.wpsPortletBorder {
    border-width: 0px 1px 1px 1px;
    border-color: #dddddd;
    border-style: solid;
}

/* used on the background of portlet skin icons - New in v5 */
.wpsPortletTitleIconBackground {

    font-size: medium;
    background-color: #ceb8ae;
    color: #FFFFFF;


    border-right: 0px none #FFFFFF;
    border-left: 1px solid #FFFFFF;
    margin: 0px;

}

/* used on the background of portlet skin tools icons - New in v5 */
.wpsPortletTitleToolsIconBackground {

    font-size: medium;
    background-color: #8c604c;
    color: #FFFFFF;


    border-right: 0px none #FFFFFF;
    border-left: 1px solid #FFFFFF;
    margin: 0px;

}

/* Size of portlet titlebar icon - New in v5 */
.wpsPortletTitleIcon {
    width: 12px;
    height: 12px;
}

/* Non-standard sized portlet titlebar icon - New in v5 */
/* Use this style if your skin icons aren't 12 x 12 px.  This still enables resizing of the
   icons via CSS for accessibility. When scaling non-standard sized icons, you don't know the
   original size so it will look irregular.  Use em units for scaling to make the size relative
   to the font size. By default, this style has no definition. */
.wpsPortletTitleIconNonStandardSize, .wpsPortletTitleToolsIconNonStandardSize {
}


/* Portal */

BODY {
	font: 12px Arial, sans-serif;
}

.portletFieldLabel {
	font: 12px Arial, sans-serif;
    font-weight: normal;
}

.portletInfo {
	font: 12px Arial, sans-serif;
    font-weight: normal;
    color: gray;
}

.portletBoldText {
	font: 14px Arial, sans-serif;
    font-weight: bold;
}

.portletSubSubHeader {
	font: 12px Arial, sans-serif;
    font-weight: bold;
}

.portletHyperlink {
	font: 12px Arial, sans-serif;
    font-weight: normal;
    text-decoration: underline;
	color: #990000;
}

.portletRegistrationSubHeader {
	font: 14px Arial, sans-serif;
	font-weight: bold;
	background-color: #FFCA00;
	color: gray;
	text-transform: uppercase;
	border-top: solid thin;
	border-color: light gray;
}

.greyPortletRegistrationSubHeader {
	font: 14px Arial, sans-serif;
	font-weight: bold;
	background-color: rgb(192, 192, 192);
	color: gray;
	text-transform: uppercase;
	border-top: solid thin;
	border-color: light gray;
}

.blackPortletRegistrationSubHeader {
	font: 14px Arial, sans-serif;
	font-weight: bold;
	background-color: rgb(192, 192, 192);
	text-color: rgb(0,0,0);
	text-transform: uppercase;
	border-top: solid thin;
	border-color: light gray;
}

.portletOptionsTitle {
	font: 16px Arial, sans-serif;
    font-weight: bold;
    color: orange;
}

.portletOptionsText {
	font: 16px Arial, sans-serif;
    color: orange;
}

.portletRegistrationSteps {
	font: 16px Arial, sans-serif;
	color: black;
}

.portletCurrentRegistrationStep {
	font: 16px Arial, sans-serif;
    font-weight: bold;
   	color: black;
}

.portletLargeSectionHeader {
	font: 20px Arial, sans-serif;
    font-weight: bold;
}

.portletGiantHyperlink {
	font: 22px Arial, sans-serif;
    font-weight: normal;
    text-decoration: underline;
	color: #990000;
}

.required {
	color: RED;
}

ul.passwordRulesTopMargin {
	margin-top: 0
}

.wpsErrorMessage {
	font: 12px Arial, sans-serif;
	font-weight: bold;
	color: #ff0000;
}

.wpsNonErrorMessage {
	font: 12px Arial, sans-serif;
	font-weight: bold;
	color: green;
}

.portletPaleYellowBackground {
	background-color: rgb(251, 248, 208);
}

. {
	background-color: #FFCA00;
}

/* Welcome Text Style */
td.wpsWelcomeText { width: 100%; padding: 10px; background: #000000; }
.wpsWelcomeText { color: #FFFFFF; text-decoration: none; font: 11px Arial, sans-serif; font-weight: bold; }

/* 3D shadow for Place bar */
.wpsPlaceBar3dShadow {
    text-decoration: none;
    border-left: 0px none #FFFFFF;
    border-right: 1px solid #FFFFFF;
    height: 100%;
    vertical-align: middle;
}
.oE { display: none; }
.oS { display: inline; }
.oS img { border: 0px; }

.appSubTitle {
	font: 16px Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
	color: #006699;
}

.makeALink
{
	border: 0px inset;
	background-color: transparent;
	color: #006699;
	text-decoration: underline;
	cursor: pointer;
}

a#nP-s, a#p-s, tr.evenrow, td.lmenu a:hover { background: #EEE; }
#active { background-color: #333; color: #FFCC00; }

.footerHR { background: white; color: white; font-size: 1px; width: 100%; height: 1px; border-top: 10px; border-bottom: 1px solid #CCC; }
.footerContainer span { margin: 0px 10px 0px 10px; font-size: 10px; color: #999; }
.footerContainer a { color: #999; }
#first { border-top: none; }
/* Uncomment to enable CSS debugging */
/* @import url(http://www.codepoetry.net/stuff/css-debug-2-label.css) screen; */
/* @import url(http://www.codepoetry.net/stuff/css-debug-2-outline.css) screen; */


p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-parent:"";
	margin:0in;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"sans-serif";
	mso-fareast-font-family:"sans-serif";}

h1
	{mso-style-next:Normal;
	margin-top:12.0pt;
	margin-right:0in;
	margin-bottom:3.0pt;
	margin-left:0in;
	mso-pagination:widow-orphan;
	page-break-after:avoid;
	mso-outline-level:1;
	font-size:16.0pt;
	font-family:Arial;
	mso-font-kerning:16.0pt;}

@page Section1
	{size:8.5in 11.0in;
	margin:1.0in 1.25in 1.0in 1.25in;
	mso-header-margin:.5in;
	mso-footer-margin:.5in;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}
.links {font-size: 8pt; color: #006699; text-decoration: none;}

/* User Details */

.userDiv{
	width: 460px;
	float:left;
}
.userDetailBorder{
	border:  1px solid #ccc;
}
.userDetailBorder1{
	border-bottom: 1px solid #ccc;
	clear:both;
	min-height:15px;
}
.userDetailBorder2{
	border-bottom: 1px solid #ccc;
	background-color: #EEEEEE;
	clear:both;
	min-height:15px;
}

.userLeftColumn{
    text-align: right;
    float:left;
    width:35%;
}
.userRightColumn{
    text-align: left;
    width:65%;
    margin-left:10px;
    display:inline;
}     

.blockingDialogStyle{
	background-color:gray;
	background:gray;
	font: bolder;
	color:black;
	font-size: 15px;
}