/* page reset*/
body, p, ul, ol, li , #header, #content, #footer {
margin:0px;
padding:0px;
display:block;
color:#666666;
font:Arial, Helvetica, sans-serif;
height: auto;

}


/* STRUCTURAL ELEMENTS */
body {
margin: 0px;
background:url('../images/graphics/CC/bkg_CCrewardsHeader.gif') repeat-x #FFFFFF;
}


#pageContainer {
width: 1000px;
margin: 0px auto;
}

#header
{
	background: url('../images/graphics/CC/CCrewardsHeader.gif') #FFFFFF no-repeat;
	position: relative;
	height: 148px;
}

#subheader {
width:100%;
padding:15px 30px;
background:url('../images/graphics/CC/bkg_subheader.jpg') no-repeat bottom left #FFFFFF;
}

.login {
float:left;
padding:0px 15px ;
position:relative;
font:12px/14px Arial;
}
.loginBack {
height:185px;
width: 250px;
background:url('../images/graphics/CC/bkg_whiteBox.gif') no-repeat;
filter:alpha(opacity=70);
opacity:0.7;
}

.loginContent {
position:absolute;
top:10px;
left:35px;
z-index:1;
}



.subheaderTout {
float:left;
margin:60px 0px 0px 0px;

width: 550px;

}

#navigation {
clear:both;
width:100%;
background:url('../images/graphics/CC/bkg_nav.gif') repeat-y #FFFFFF;
padding:0px 0px 0px 40px;
height:23px;
}



#navigation li {
display:inline;
list-style:none;
}


#navigation a:active, #navigation a:link, #navigation a:visited {
display:block;
font: 12px Arial;
color: #FFFFFF;
padding: 4px 5px;
margin:0px 5px;
float:left;
text-decoration:none;
}


#navigation a:hover, #navigation a.on{
color:#FCDA88;
}

.shadow {
clear:both;
width:100%;
height:20px;
background:url('../images/graphics/CC/bkg_shadow.gif') no-repeat;
}

#content {
clear:both;
padding:20px 45px 30px 45px;
font:11px/14px Arial;
}


.aside {
float:left;
width:270px;
margin-right:25px ;
padding:15px 30px 25px 15px;
border-right:dashed 1px #A1C8D6;
width:200px;
background:url('../images/graphics/CC/bkg_greenLoginBox.gif') no-repeat;
font:12px/15px Arial;
}


#footer {
clear:both;
background:url('../images/graphics/CC/bkg_footer.gif') repeat-x #345385;
font-family: Arial;
color:#A1C8D6;
margin-top:10px;
height:50px;
width:auto;
}

#footer div {
margin:0px auto;
width:950px;
}


#footer .links {
float:left;
width:250px;
border-right:solid 1px #6e8aac;
padding:10px;
font-size:11px;
}


#footer .mousetype {
font-size:9px;
float:right;
width:655px;
font-style:italic;
padding:10px;
} 

#footer p{
color:#A1C8D6;
}

#footer .links a:active, #footer .links a:visited, #footer .links a:link{
color:#A1C8D6;
}

#footer .links a:hover{
color:#FFFFFF;
}

/* GENERAL FORMATTING STYLES */

h1 {
font: 32px Georgia;
color: #345385;
padding:0px;
margin:0px 0px 10px 0px ;
}



h2 {
font: 22px/26px Georgia;
color: #345385;
margin:0px 0px 10px 0px ;
}


h3 {
font: 12px Arial;
text-transform:uppercase;
letter-spacing:4px;
color: #345385;
padding: 0px 0px 0px 5px;
margin:6px;
}


h4 {
font: 17px Georgia;
color: #679999;
border-bottom:solid 1px #A1C8D6;
padding-bottom:3px;
margin:0px 0px 10px 0px ;
}

h5 { 
font:bold  12px/16px Arial;
color: #345385;
margin: 0px 0px 7px 0px;

}

p {
font: 11px Arial;
}

hr {
color:#FFFFFF;
border: dashed 1px #345385;
border-width: 0px 0px 1px 0px;
margin:5px 0px 5px 0px;
clear:both;
}


ul, ol {
padding:0px;
margin:0px;
}


ul {

}


li {
font: 11px Arial;

}



a:link, a:active, a:visited, a:hover {
color:#345385;

}


a:hover {
color:#A7432A;
}

form {
margin:0px;
padding:0px;
}


table {
border:solid 1px #345385;
border-width:2px 1px 1px 2px;
}

td {
padding:5px;

margin:0px;
text-align:left;
vertical-align:top;
}

tr.background {
background:url('../images/graphics/CC/bkg_intPageHeaderGradnt.gif') repeat-x top right;
background-position:  0px -35px;
}


/*  STYLE CLASSES */

.cookieCrumb {
border-width:0px;
background-color:#eaf7c2;
width:665px;
margin-top:5px;
padding-top:5px;
height:40px;
}

.cookieCrumb div{
float:left;
padding-left:30px;
background:url('../images/graphics/CC/breadcrumbArrow-green.gif') no-repeat 10px bottom transparent;
}

table.tabs {
border-width:0px;
clear:both;
width:100%;
}


table.tabs td{
vertical-align:bottom;
padding:0px 5px;
}

.title {
font: 26px Georgia;
color:#345385;
position:absolute;
top: 47px;
right:35px;
}

.clear {
clear:both;
}

.button1 {
background:url('../images/graphics/CC/bkg_footer.gif') repeat-x #345385;
border:solid 1px #bce838;
font:12px Arial;
color:#FFFFFF;
cursor:pointer;
padding:3px;

}

.button1:hover {
color:#FCDA88;

}

.small1 {
font-size:10px;
}


.errorText1 {
color:#A7432A;
font-style:italic;
}

.introText {
font: 15px/26px Arial;
}

.menuRight {
float:right;
font:11px Arial;
padding:5px 90px;
text-align:right;
}



.table1 {
width:100%;

border-width:2px;
}

.table1 td {
padding:7px;
}



.table2 {
width:100%;

border-width:2px 1px 1px 2px;
}

.table2 td {
margin:0px;
padding:5px;
border:solid 1px #345385;
border-width: 0px 1px 1px 0px;
vertical-align:middle;
}

.borderTopBottom {

border-width: 1px 0px;
}

.cremeBackground {
background-color:#FFFFFF;
}




.totalsBox {
width:200px;
padding:10px 0px 10px 20px;
background:url('../images/graphics/CC/bkg_greenLoginBox.gif') no-repeat;
font:12px/15px Arial;
float:right;
margin:0px 0px 0px 20px;
}

.alertBox {
padding:10px;
border:solid 1px #A7432A;
color: #A7432A;
background:url('../images/graphics/CC/bkg_warning.gif') repeat-x  #FFFFFF;
}

.iconAlert {
background:url('../images/graphics/CC/icon-warning.gif') no-repeat ;
height:30px;
width:30px;
float:left;
margin:0px 10px 10px 0px;
}

.iconInvalid {
background:url('../images/graphics/CC/icon_invalid.gif') no-repeat ;
height:12px;
width:12px;
float:right;
margin:0px 0px 0px 0px;
}

.chartHeader {
background:url('../images/graphics/CC/bkg-ltGreenGradient.gif') repeat-x  bottom #bce838;
color:#345385;
font-weight:bold;
margin:0px;
padding:5px;
}

.chartHeader td {
color:#345385;
font-weight:bold;
vertical-align:center;
}

.totalBar {
background:url('../images/graphics/CC/bkg_footer.gif') repeat-x #345385;

}


.totalBar td {
text-align:right;
font-family: Arial;
color:#FFFFFF;
font:bold 13px Arial;
}



/* FORM STYLE CLASSES =====================================================================
==============================================================================*/



.formElement1 {/* styles for form element in table in body */
background-color:#FFFFFF;
border:solid 1px #345385;
background:url('../images/graphics/CC/bkg_formField.gif') repeat-x 0px -15px #FFFFFF;
font:11px/13px Arial;
color:#666666;
margin:2px 0px;
padding:2px 2px;
width:auto;
}

td .formElement1 {/* styles for form element in right column */
background-color:#FFFFFF;
border:solid 1px #345385;
background:url('../images/graphics/CC/bkg_formField.gif') repeat-x 0px -17px #FFFFFF;
font:11px/13px Arial;
color:#666666;
margin:2px 0px;
padding:2px 2px;
width:95%;
}

textarea.formElement1 {
height: 100px;
width:99%;
}


.buttonTabEnabled {
border:solid 1px #345385;
background:url('../images/graphics/CC/bkg_footer.gif') repeat-x  #345385;
color:#FFFFFF;
font:12px/13px Arial;
padding:2px 2px;
margin-left:5px;
}

.buttonTabDisabled {
border:solid 1px #CCCCCC;
background:url('../images/graphics/CC/bkg-greenTabOff.gif') repeat-x #DDDDDD;
color:#333333;
font:12px/13px Arial;
padding:2px 2px;
margin-left:5px;
cursor:pointer;
}