* {
margin: 0;
padding: 0;
}

body {
font-style: 67.5%;
text-align: left;
font-family: Helvetica, Verdana, Arial, sans-serif;
/*background: url(images/bg_body.gif) top center repeat-x;
background-color: #fff;*/
}

#header {
margin: 0 auto 0;
padding: 0;
width: 960px;
height: 131px;
}

#header h1 {
display: block;
height: 74px;
margin: 37px 0 0;
padding: 0;
text-indent: -9999px;
background: url(images/logo_header.png) top center no-repeat;
}

body.login {background:none;}
.login #topWrap {background: white; padding-left:360px; height:90px;}
.login #masthead {margin:0;  text-align:left;}
.login #masthead img {height:auto; padding-top:2em;}
.login #navWrap {display: none;}
.login #footer {display: none;}

.login ol {margin:inherit; padding:inherit;}

#login {
padding: 0;
width: 1000px;
position:relative;
}

#login img.toppics {
margin: 0 0 25px;
}

#login p, #login li {
font-size: 1.0em;
line-height: 1.75;
color: #666;
margin-bottom:1em;
}

#login p.createaccount {
display: block;
width: 240px;
height: 40px;
margin: 10px auto;
}

#login p.createaccount a, #login p.createaccount a:visited {
display: block;
width: 240px;
height: 40px;
margin: 0;
padding: 0;
text-indent: -9999px;
background: url(images/bg_createaccountbtn.jpg) top left no-repeat;
}

#login p.createaccount a:hover {
background: url(images/bg_createaccountbtn.jpg) bottom right no-repeat;
}

#loginbox {
margin-top:-95px;
width: 300px;
position:absolute;
left:0;
top:0;
height:100vh;
padding:1em;
color: #555;
font-size: 14px;
background: #eee;
}

#loginbox h2 {
color: #333333;
font-family:'ProximaNova';
font-weight: normal;
font-size: 1.25em;
line-height: 2em;
text-align: center;
margin-top: 5em;
}

#loginbox p {
color: #555;
font-size: 12px;
line-height: 14px;
text-align: center;
margin: 15px 10px 0;
}

#loginbox a, #loginbox a:visited {
color: #666;
padding-bottom: .75em;
display: block;
}

#loginbox a:hover {
text-decoration: none;
}

#loginform {
margin: 0 0 0 20px;
}

#loginform label {
display: block;
margin: 13px 0 3px;
text-transform: uppercase;
font-size:.7em;
font-weight:bold;
color:#999;
letter-spacing: 2px;
}

#loginform input.textinput {
width: 90%;
border: 1px solid #d3d3d3;
background: #fff url(images/textinputbg.gif) repeat-x;
font-size: 14px;
color: #000;
text-indent: 4px;
margin: 0;
padding: 4px 0;
}

#loginform input.button {
display: block;
width: 90%;
background: #666;
border-radius: 5px;
border: 0;
color: white;
margin-top:1em;
padding: .5em 1em;
font-family: 'ProximaNova';
font-size: 1em;
cursor: hand;
}
#loginform input.button:hover {
background: #333;
}

#loginform input.button:hover {
background-position: bottom right no-repeat;
}

#logintext {
margin-top:-.75em;
width: 640px;
position:absolute;
right:0;
padding-left:20px;
}

#logintext strong {font-family:'ProximaNova'; font-size:1.75em; font-weight:normal; color:#000; margin-top:1em; display:block;}
#logintext ol {margin-top:.5em;}

#reports, #issuance {
margin: 5px auto 25px;
padding: 0;
width: 800px;
}

#reports, #issuance {
margin: 5px auto 25px;
padding: 0;
width: 800px;
}

#reports h1 {
margin: 0 0 2px;
padding: 0;
display: block;
height: 58px;
width: 100%;
color: #fabe05;
font-size: 29px;
font-weight: bold;
text-align: center;
line-height: 67px;
text-indent: -9999px;
background: url(images/bg_reports.jpg) top center no-repeat;
}

#issuance h1 {
margin: 0 0 2px;
padding: 0;
display: block;
height: 58px;
width: 100%;
color: #fabe05;
font-size: 29px;
font-weight: bold;
text-align: center;
line-height: 67px;
text-indent: -9999px;
background: url(images/bg_issuance.jpg) top center no-repeat;
}

#reports h2, #issuance h2 {
margin: 0;
padding: 0;
display: block;
height: 38px;
width: 100%;
color: #fabe05;
font-size: 18px;
font-weight: bold;
line-height: 40px;
text-indent: -9999px;
background: #154576;
}

#reports #program h2, #issuance #program h2 {
background: url(images/bg_programheader.jpg) top left no-repeat;
}

#reports #participant h2, #issuance #participant h2 {
background: url(images/bg_participantheader.jpg) top left no-repeat;
}

#reports p#welcome {
display: block;
margin: 35px 0 0 15px;
padding: 0;
width: 366px;
height: 68px;
text-indent: -9999px;
background: url(images/welcometodashboard.jpg) top left no-repeat;
}

#program {
margin: 0;
padding: 0;
width: 399px;
float: left;
}

#participant {
margin: 0;
padding: 0;
width: 399px;
float: right;
}

#reports ul, #issuance ul {
list-style: none;
color: #154576;
font-size: 21px;
line-height: 75px;
font-weight: normal;
text-indent: 85px;
}

#reports ul li, #issuance ul li {
background: url(images/bg_dashlinks.jpg) top left no-repeat;
}

#reports ul li a, #issuance ul li a {
display: block;
margin: 0;
padding: 0;
height: 72px;
color: #154576;
text-decoration: none;
}

#reports ul li a.hierarchy, #reports ul li a.hierarchy:visited {
background: url(images/bg_dashlink_hierarchy.jpg) top left no-repeat;
}

#reports ul li a.hierarchy:hover {
background: url(images/bg_dashlink_hierarchy.jpg) bottom right no-repeat;
}

#reports ul li a.summary, #reports ul li a.summary:visited {
background: url(images/bg_dashlink_summary.jpg) top left no-repeat;
}

#reports ul li a.summary:hover {
background: url(images/bg_dashlink_summary.jpg) bottom right no-repeat;
}

#reports ul li a.pointsdistribution, #reports ul li a.pointsdistribution:visited {
background: url(images/bg_dashlink_pointsdistribution.jpg) top left no-repeat;
}

#reports ul li a.pointsdistribution:hover {
background: url(images/bg_dashlink_pointsdistribution.jpg) bottom right no-repeat;
}

#reports ul li a.transactions, #reports ul li a.transactions:visited {
background: url(images/bg_dashlink_transactions.jpg) top left no-repeat;
}

#reports ul li a.transactions:hover {
background: url(images/bg_dashlink_transactions.jpg) bottom right no-repeat;
}

#reports ul li a.pastdue, #reports ul li a.pastdue:visited {
background: url(images/bg_dashlink_pastdue.jpg) top left no-repeat;
}

#reports ul li a.pastdue:hover {
background: url(images/bg_dashlink_pastdue.jpg) bottom right no-repeat;
}

#reports ul li a.cards, #reports ul li a.cards:visited {
background: url(images/bg_dashlink_cards.jpg) top left no-repeat;
}

#reports ul li a.cards:hover {
background: url(images/bg_dashlink_cards.jpg) bottom right no-repeat;
}

#reports ul li a.vouchers, #reports ul li a.vouchers:visited {
background: url(images/bg_dashlink_vouchers.jpg) top left no-repeat;
}

#reports ul li a.vouchers:hover {
background: url(images/bg_dashlink_vouchers.jpg) bottom right no-repeat;
}

#reports ul li a.pointsearned, #reports ul li a.pointsearned:visited {
background: url(images/bg_dashlink_pointsearned.jpg) top left no-repeat;
}

#reports ul li a.pointsearned:hover {
background: url(images/bg_dashlink_pointsearned.jpg) bottom right no-repeat;
}

#reports ul li a.statements, #reports ul li a.statements:visited {
background: url(images/bg_dashlink_statements.jpg) top left no-repeat;
}

#reports ul li a.statements:hover {
background: url(images/bg_dashlink_statements.jpg) bottom right no-repeat;
}

#reports ul li a.ranking, #reports ul li a.ranking:visited {
background: url(images/bg_dashlink_ranking.jpg) top left no-repeat;
}

#reports ul li a.ranking:hover {
background: url(images/bg_dashlink_ranking.jpg) bottom right no-repeat;
}

#reports ul li a.quizzes, #reports ul li a.quizzes:visited {
background: url(images/bg_dashlink_quizzes.jpg) top left no-repeat;
}

#reports ul li a.quizzes:hover {
background: url(images/bg_dashlink_quizzes.jpg) bottom right no-repeat;
}

#reports ul li a.search, #reports ul li a.search:visited {
background: url(images/bg_dashlink_search.jpg) top left no-repeat;
}

#reports ul li a.search:hover {
background: url(images/bg_dashlink_search.jpg) bottom right no-repeat;
}

#issuance ul li a.automated, #issuance ul li a.automated:visited {
background: url(images/bg_dashlink_automated.jpg) top left no-repeat;
}

#issuance ul li a.automated:hover {
background: url(images/bg_dashlink_automated.jpg) bottom right no-repeat;
}

#issuance ul li a.locations, #issuance ul li a.locations:visited {
background: url(images/bg_dashlink_locations.jpg) top left no-repeat;
}

#issuance ul li a.locations:hover {
background: url(images/bg_dashlink_locations.jpg) bottom right no-repeat;
}

#issuance ul li a.participants, #issuance ul li a.participants:visited {
background: url(images/bg_dashlink_participants.jpg) top left no-repeat;
}

#issuance ul li a.participants:hover {
background: url(images/bg_dashlink_participants.jpg) bottom right no-repeat;
}

#issuance ul li a.individual, #issuance ul li a.individual:visited {
background: url(images/bg_dashlink_individual.jpg) top left no-repeat;
}

#issuance ul li a.individual:hover {
background: url(images/bg_dashlink_individual.jpg) bottom right no-repeat;
}

#content {
margin: 0 0 0;
padding: 5px 0 15px 0;
text-align: left;
}

.clearfix {
clear: both;
}