
<style type="text/css">

.blank
{
}

        html, body {
            margin: 0px;
            padding: 0px;
        }
 
        body 
        {
            text-align: center;
            background-image: url(http://www.ccrnow.com/tools/_images/bg-main.jpg);
            background-repeat: repeat-y;
            background-color: #eeeeee;
            background-position: top center;
            font-family: Tahoma, san-serif;
            font-size: 12px;
        }
        
        h1
        {
            font-size: 22px;
            color: #b22127;
            font-weight: lighter;
            text-transform: uppercase;
            margin-top: 0px;
            padding-top: 0px;
        }
        
        h2
        {
            font-size: 12px;
            color: #666666;
            font-weight: bolder;
            text-transform: uppercase;
            padding-bottom: 4px;
            border-bottom: 1px solid #cccccc;
        }
        
        h3
        {
        	margin-top: 0px;
        	padding: 0px;
        	font-size: 13px;
        	color: #888888;
        	font-weight: lighter;
        }
        
        
        
        #divPageWrapper 
        {
            width: 880px;
            position: relative;
            margin: 0px auto;
        }
        
        #divHeader
        {
            width: 880px;
            height: 76px;
            position: relative;
            }
            #divLogo
            {
                position: absolute;
                left: 13px;
                top: 16px;
            }
            
        #divMainNav
        {
            width: 880px;
            height: 28px;
            background-image: url(http://www.ccrnow.com/tools/_images/bg-nav.jpg);
            background-repeat: repeat-x;
        }
        #divBanner
        {
            width: 880px;
            height: 260px;
        }
        #divMainContent
        {
            width: 880px;
            min-height: 300px;
            text-align: left;
        }
        #divGrass
        {
            width: 880px;
            height: 115px;
            background-image: url(http://www.ccrnow.com/tools/_images/bg-page.jpg);
            background-repeat: no-repeat;
            text-align: left;
        }        
        #divFooter p
        {
            margin: 0px;
            padding: 12px;
            text-align: left;
            font-size: 11px;
            color: #666666;
        }
        
            /**************************** REQUIRED BY ALL **************************************/
      
            /* make the second level visible when hover on first level list OR link */
            #menuFooter ul li:hover ul,
            #menuFooter ul a:hover ul{visibility:visible; }
 
            /* keep the third level hidden when you hover on first level list OR link */
            #menuFooter ul :hover ul ul{visibility:hidden;}
 
            /* make the third level visible when you hover over second level list OR link */
            #menuFooter ul :hover ul :hover ul{ visibility:visible;}
            /**************************************************************************************/
 
 
            #menuFooter {position:relative; z-index:100;}
 
            /* remove all the bullets, borders and padding from the default list styling */
            #menuFooter ul {padding:0;margin:0px 0px 0px 12px;list-style-type:none;}
 
            /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
            #menuFooter li {position:relative; float: left; padding-right: 16px; padding-left: 16px; background-image: url(http://www.ccrnow.com/tools/_images/red-dot.gif);background-position: right;background-repeat: repeat-y;}
            
            
            
            /* style the links for the top level */
            #menuFooter a, #menuFooter a:visited
            {
                display:block;
                font-size: 11px;
                color: #666666;
                cursor: pointer;
                text-decoration: none;
            }
            /* style the top level hover */
            #menuFooter ul li:hover { }
            #menuFooter a:hover, #menuFooter ul ul a:hover{text-decoration: underline;}
            #menuFooter :hover > a, #menuFooter ul ul :hover > a {text-decoration: underline;}
            
            .menuFooter_First {padding-left: 0px !important; }
            .menuFooter_Last {background-image: url() !important;}
            
            
            
            
            /**************************** REQUIRED BY ALL **************************************/
      
            /* make the second level visible when hover on first level list OR link */
            #menuHeader ul li:hover ul,
            #menuHeader ul a:hover ul{visibility:visible; }
 
            /* keep the third level hidden when you hover on first level list OR link */
            #menuHeader ul :hover ul ul{visibility:hidden;}
 
            /* make the third level visible when you hover over second level list OR link */
            #menuHeader ul :hover ul :hover ul{ visibility:visible;}
            /**************************************************************************************/
 
 
            #menuHeader {position:relative; z-index:100;}
 
            /* remove all the bullets, borders and padding from the default list styling */
            #menuHeader ul {padding:0;margin: 11px 0px 0px 0px;list-style-type:none; float: right;}
 
            /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
            #menuHeader li {position:relative; float: left; padding-right: 16px; padding-left: 16px; background-image: url(http://www.ccrnow.com/tools/_images/red-dot.gif);background-position: right;background-repeat: repeat-y;}
            
            
            
            /* style the links for the top level */
            #menuHeader a, #menuHeader a:visited
            {
                display:block;
                font-size: 11px;
                color: #666666;
                cursor: pointer;
                text-decoration: none;
            }
            /* style the top level hover */
            #menuHeader ul li:hover { }
            #menuHeader a:hover, #menuHeader ul ul a:hover{text-decoration: underline;}
            #menuHeader :hover > a, #menuHeader ul ul :hover > a {text-decoration: underline;}
            
            .menuHeader_First {padding-left: 0px !important; }
            .menuHeader_Last {background-image: url() !important;}

#divContainer
{
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 880px;
    padding: 10px;    
    overflow:  visible;
}

.Default
{
    color: #000000;
    font-size: 12px; 
    font-family: Arial;
}

.PageContent
{
	clear: both;
    color: #000000;
    font-size: 12px; 
    font-family: Arial;
    clear: both;
    overflow: auto;
    min-height: 50px;
    padding-left: 15px;
    padding-right: 15px;
}

.HomeAction
{    
    cursor: pointer;
    color: #0000aa;
    float: left;
    font-size: 11px;
    padding: 5px;
    margin: 10px; 
    background: #f5f5ff;
    border: 1px solid #ddddff;
}

.DefaultActionOuter
{
    clear: both;
}

.DefaultHeaderOuter
{
    clear: both;
}

.DefaultAction
{
    cursor: pointer;
    color: blue;
    float: left;
    width: 150px;
}

.DefaultHeader
{
    font-weight: bold;
    float: left;
    width: 150px;
}

.HeaderDebt
{
	width: 100px;
	float: left;
	font-size: 11px;
	font-weight: bold;
}

.FormOuter
{
    clear: both;
    margin: 0px;
    padding: 0px;
    height: 25px;
}

.FormLabelNoPadding
{
    float: left;
    width: 200px;
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
    margin: 0px;
}

.FormLabel
{
    float: left;
    width: 200px;
    text-align: right;
    padding-right: 10px;
    padding-top: 6px;
    height: 22px;
    margin: 0px;
    font-family: Arial;
    color: #666666;
    font-size: 12px;
    font-weight: 600;
}

.FormLabelCU
{
    float: left;
    width: 140px;
    text-align: right;
    padding-right: 10px;
    padding-top: 6px;
    height: 22px;
    margin: 0px;
    font-family: Arial;
    color: #666666;
    font-size: 12px;
    font-weight: 600;
}

.FormBoldLabel
{
	padding-top: 2px;
    float: left;
    width: 270px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}

.FormBoldLeft
{
	padding-top: 2px;
    float: left;
    width: 150px;
    text-align: left;
    font-size: 14px;
    margin-left: 15px;
}

.FormField
{
    float: left;
    width: 200px;
    height: 22px;
    margin: 0px;
}

.FormFieldWide
{
    float: left;
    width: 300px;
    height: 22px;
    margin: 0px;
}

.FormFieldDebt
{
    float: left;
    width: 100px;
}


.FormDescription
{
    float: left;
    width: 200px;
}

.InputText
{
    background-image: url(http://www.ccrnow.com/tools/_images/bg-input.jpg);
    background-repeat: repeat-x;
    border: 1px solid #eeeeee;
    padding: 2px;
}

.InputTextSmall
{
	width: 75px;
	background-image: url(http://www.ccrnow.com/tools/_images/bg-input.jpg);
    background-repeat: repeat-x;
    border: 1px solid #eeeeee;
    padding: 2px;
}

.InputTextSmallFont
{
	font-size: 11px;
	padding: 2px;
	background-image: url(http://www.ccrnow.com/tools/_images/bg-input.jpg);
    background-repeat: repeat-x;
    border: 1px solid #eeeeee;
}

.InputDebt
{
	width: 95px;
}

.InputCheck
{
}

.ProgressDotDone
{
    position: absolute; 
    z-index: 2;
    height: 40px;
    width: 14px;
    background-image: url(http://www.ccrnow.com/tools/_images/ProgressSeparator.png);
}

.ProgressDotCurrent
{
    position: absolute; 
    z-index: 2;
    height: 40px;
    width: 14px;
    background-image: url(http://www.ccrnow.com/tools/_images/ProgressSeparator.png);
}

.ProgressDotTogo
{
    position: absolute; 
    z-index: 2;
    height: 40px;
    width: 14px;
    background-image: url(http://www.ccrnow.com/tools/_images/ProgressEnd.png);
}

.ProgressBarTogo
{
    position: absolute; 
    height: 40px; 
    background: #eeeeee; 
}

.ProgressBarDone
{
    position: absolute; 
    height: 40px; 
    background: #c20a12; 
}

.ProgressLabelDone
{
	position: absolute;
	height: 24px;
	font-family: Tahoma;
	color: #eeeeee;
	z-index: 0;
	cursor: pointer;
	background: #c20a12;
	padding-left: 16px;
	padding-top: 16px;
	font-size: 15px;	
}

.ProgressLabelCurrent
{
	position: absolute;
	height: 24px;
	font-family: Tahoma;
	color: #ffffff;
	font-size: 11px;
	z-index: 0;
	cursor: pointer;
	background: #c20a12;
	padding-left: 16px;
	padding-top: 16px;
	font-size: 15px;	
}

.ProgressLabelTogo
{
	position: absolute;
	height: 24px;
	font-family: Arial;
	color: #c20a12;
	font-size: 11px;
	z-index: 0;
	cursor: pointer;
	background: #eeeeee;
	padding-left: 16px;
	padding-top: 16px;
	font-size: 15px;	
}

.ProgressStepDone
{
	position: absolute;
	font-size: 10px;
	color: #b8b8b8;
	z-index: 3;
	padding-top: 6px;
	padding-left: 16px;
}

.ProgressStepCurrent
{
	position: absolute;
	font-size: 10px;
	color: #b8b8b8;
	z-index: 3;
	padding-top: 6px;
	padding-left: 16px;
}

.ProgressStepTogo
{
	position: absolute;
	font-size: 10px;
	color: #b8b8b8;
	z-index: 3;
	padding-top: 6px;
	padding-left: 16px;
}

.SummaryText, .SummaryText li
{
    font-family: Georgia, Serif;
    font-size: 12px;
	line-height: 20px;
	padding: 10px;
}

.InitialText
{
    font-family: Tahoma, san-serif;
    font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	padding: 10px;
	margin: 10px;
	border: 1px solid #999900;
	width: 800px;
	background: #fffff0;
	overflow: auto;
	color: #333333;
}

.Column
{
	float: left;
	width: 350px;
	margin-top: 10px;
}

.InputInvalid
{
	border: 1px solid #770000;
	background: #ffdddd;
}

.InputValid
{
	background: #ffffff;
	border: 1px solid #555555;
}

#divValidation
{
    display: none; 
    clear: both; 
    color: #990000; 
    background: #ffdddd; 
    border: 1px solid #770000; 
    padding: 10px;
    margin: 10px;
    width: 800px;
}

.divActions
{
    float: right;
    margin-top: 30px;
    text-align: right;
    clear: both;
    background-color: #f3f3f3;
    border-top: solid 1px #d0d0d0;
    width: 830px;
    padding: 10px;
}

.NextButton
{
    font-size: 20px; 
    cursor: pointer;
    font-family: Trebuchet MS;
    background-image: url(http://www.ccrnow.com/tools/_images/bg-next.png);
    border: 0px;
    background-color: Transparent;
    color: #ffffff;
    width: 140px;
    height: 41px;
    float: right;
}

.FormSub
{
	font-size: 10px;
	text-align: right;
	color: #555555;
	width: 200px;
	float: left;
}

.FormOuterBig
{
    clear: both;
    margin: 0px;
    padding: 0px;
    height: 55px;
}

.FormOuterBig .FormField
{
    height: 55px;
    float: right;
}

.FormOuterBig .FormLabel
{
    height: 18px;
}

.PageContentStep
{
	clear: both;
    color: #000000;
    font-size: 12px; 
    font-family: Arial;
    clear: both;
    overflow: auto;
    min-height: 50px;
    margin-top: 5px;
    padding-bottom: 10px;
}

.InputReadOnly
{
	background: #ffffff;
	border: 0px;
	padding-top: 4px;
}

</style>