* {margin: 0px; padding: 0px;}
body {font-family: Arial, Helvetica, sans-serif; color: #555555; font-size: 14px; background-image: url("../images/header-background.jpg");	background-repeat: repeat-x;}
img {border: 0px;}
form {padding: 0px; margin: 0px;}

.clear {clear: both;}
.heading-background {background-color: #eeeeee; font-weight: bold;}
table.tableborder td {border: 1px solid #eeeeee; padding: 0px;}
td {padding: 0px 5px 0px 5px;}
.textbox {border: 1px solid #c8c8c8; height: 24px; width: 208px; font-size: 16px; color: #555555; padding: 6px 4px 0px 4px;	margin: 10px 0px 10px 0px;}


#container {width: 950px; margin: 0px auto 0px auto;}
.rewards {color: #00a7d1;}
.chart {color: #4daf3a;}
.com {color: #000000;}



#header {height: 100px;	width: 950px; display: none;}
#header img {padding-top: 20px;	float: left; padding-left: 15px;}
#header ul {float: right; padding-top: 75px; padding-right: 5px;}
#header li {display: inline; padding-right: 30px;}
#header a {text-decoration: none; color: #777777; font-size: 16px;}
#header a:hover {color: #4daf3a; text-decoration: none; font-size: 16px;}
#header .active {color: #4daf3a;}


#banner {
	width: 950px;
	height: 250px;
	margin: 25px 0px 25px 0px;
	background-image: url(../images/charts-banner.jpg);
	background-repeat: no-repeat;
}
#teasercontainer {WIDTH: 936px; HEIGHT: 264px; padding: 0px 0px 0px 0px; background-color: transparent; margin: 9px 0px 0px 7px;}
#teasercontainer    div {FONT-SIZE: 16px; OVERFLOW: hidden; WIDTH: 936px; HEIGHT: 264px; background-color: transparent; margin: 0px; padding: 0px;}
.teaserelement {WIDTH: 936px; HEIGHT: 264px; background-color: transparent; margin: 0px;}
.teaserelement .main-image {float: left;}
.teaserelement  h1 {font-size: 37px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-weight: normal; margin: 17px 0px 0px 27px; float: left;}
.teaserelement p {font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; margin: 15px 0px 0px 27px; width: 475px; height: 145px; float: left; background: transparent; overflow: auto;}
.teaserelement  ul  {float: right; list-style-type: none; margin: 5px 15px 0px 0px; width: 150px;}
.teaserelement  li  {list-style-type: none; font-size: 12px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; width: 20px; height: 17px; float: right; display: block; background-color: #406f9a; margin: 3px; text-align: center; padding-top: 3px;}
.teaserelement  li.selected  {background-color: #99bad8;}
.teaserelement  a  {color: #ffffff; text-decoration: none;}
.teaserelement  a:hover  {color: #99bad8; text-decoration: underline;}


#middle {width: 950px; margin-bottom: 25px; background-image: url("../images/middle-background.gif"); background-repeat: repeat-y; height: auto; min-height: auto;}
#middle #content {width: 615px; float: left; padding: 25px 25px 10px 35px; min-height: auto; height: auto;}
#container  #middle  #content  .next-step {float: right;}
#container #middle #content .previous-step {float: left;}
#container #middle #content .step-by-step-image {float: right; margin: 0px 0px 0px 10px;}



#middle #content h1 {font-size: 22px; font-weight: normal;}
#middle #content .subhead {font-size: 20px;	font-weight: normal; padding: 20px 0px 20px 0px;}
#middle #content .previewimg {margin: 0px 33px 0px 33px;}
#middle #parentslogin {width: 225px; float: right; padding: 25px 25px 25px 25px; font-size: 22px;}
#middle .bluetext {color: #00a7d1;}
#middle .bluetextbold {color: #00a7d1; font-size: 25px; font-weight: bold;}
#middle #parentslogin #login {font-size: 20px; margin: 10px 0px 15px 0px; line-height: 50px;}
#middle #parentslogin #login .logintextbox1 {border: 1px solid #c8c8c8;	height: 24px; width: 208px;	font-size: 16px; color: #555555; padding: 6px 4px 0px 4px; margin: 10px 0px 10px 0px;}
#middle #parentslogin #login .logintextbox2 {border: 1px solid #c8c8c8; height: 24px; width: 208px; font-size: 16px; color: #555555; padding: 6px 4px 0px 4px; margin: 10px 0px 20px 0px;}
#middle  #parentslogin  .register {font-size: 16px;	border-top: 1px solid #c8c8c8; padding: 15px 0px 19px 0px;}
#middle  #parentslogin  .register  a {text-decoration: none; color: #00a7d1; border-bottom: 1px dashed #00a7d1;}
#middle  #parentslogin  .register  a:hover {text-decoration: none; color: #00a7d1;	border-bottom: 1px dashed #00a7d1;}


#middleloggedin {width: 950px; margin-bottom: 25px; background-image: url("../images/loggedin/middle-background.gif"); background-repeat: repeat-y; margin-top: 25px;}
#middleloggedin .bluetext {color: #00a7d1;}
#middleloggedin .bluetextbold {color: #00a7d1; font-size: 25px; font-weight: bold;}
#middleloggedin #adminpanel .welcometext {font-size: 22px; font-weight: normal;}
#middleloggedin #adminpanel {width: 930px; padding: 25px 10px 25px 10px;}
#middleloggedin #adminpanel #welcome {width: 880px;	padding: 0px 25px 35px 25px; display: none;}
#middleloggedin img {display: none;}
#middleloggedin #adminpanel form {display: none;}
#middleloggedin #adminpanel #navigation {width: 930px; height: 40px; background-image: url("../images/loggedin/navigation-background.jpg"); display: none;}
#middleloggedin #adminpanel #subnavigation {width: 930px; height: 40px; background-color: #006e2e;}
#middleloggedin #adminpanel #content {width: 905px;	padding: 25px 0px 0px 25px;}
#middleloggedin #adminpanel #content p {padding-right: 25px;}

#middleloggedin #adminpanel #welcome #logout {float: right;}
#middleloggedin #adminpanel #welcome #logout a {text-decoration: none; color: #555555;}
#middleloggedin #adminpanel #welcome #logout a:hover {text-decoration: underline; color: #111111;}
#middleloggedin #adminpanel #welcome #name {float: left;}
#middleloggedin #adminpanel #navigation ul {list-style: none;}
#middleloggedin #adminpanel #navigation ul li {float: left; height: 40px; overflow: hidden;}
#middleloggedin #adminpanel #navigation ul li  .active2 {background-color: #006e2e; float: left;}
#middleloggedin #adminpanel #navigation a {text-decoration: none; color: #FFFFFF; font-size: 16px; display: block; padding: 11px 27px 11px 27px; text-align: center;}
#middleloggedin #adminpanel #navigation a:hover {text-decoration: underline; color: #FFFFFF; font-size: 16px; display: block; padding: 11px 27px 11px 27px; text-align: center;}
#middleloggedin #adminpanel #newmessage td {text-align: right;}


#logos {width: 540px; text-align: right; float: right; padding: 0px 10px 0px 0px; display: none;}
#logos img {vertical-align: middle;}


#footer {width: 370px; color: #999999; font-size: 11px; text-align: left; padding: 0px 0px 0px 10px; display: none;}
#footer a {text-decoration: none; color: #999999; font-size: 11px;}
#footer a:hover {text-decoration: underline; color: #4daf3a; font-size: 11px;}
#footer .active {color: #4daf3a;}