* {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;}
hr {
	height: 1px;
	color: #ffffff;
	border-top: 1px solid #00a7d1;
}

.rewards {color: #00a7d1;}
.chart {color: #4daf3a;}
.com {color: #000000;}



#header {height: 100px;	width: 950px;}
#header .share {
	float: right;
	width: 155px;
	padding-top: 25px;
}

#header img {
	padding-top: 20px;
	float: left;
	padding-left: 15px;
}
#header ul {
	float: right;
	padding: 35px 0px 0px 0px;
	clear: right;
	width: 700px;
}
#header li {
	float: right;
	display: inline;
	padding-right: 20px;
}
#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;
	overflow: hidden;
}


#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 h2 {
	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;}
#middle   a.inline-link     {
	text-decoration: none;
	color: #555555;
	border-bottom: none;
}
#middle   a:hover.inline-link     {
	text-decoration: none;
	color: #555555;
	border-bottom: 1px dashed #00a7d1;
}
#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;}
#middleloggedin #adminpanel #navigation {width: 930px; height: 40px; background-image: url("../images/loggedin/navigation-background.jpg");}
#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;}
#logos img {vertical-align: middle;}


#footer {width: 370px; color: #999999; font-size: 11px; text-align: left; padding: 0px 0px 0px 10px;}
#footer a {text-decoration: none; color: #999999; font-size: 11px;}
#footer a:hover {text-decoration: underline; color: #4daf3a; font-size: 11px;}
#credit  a {
	text-decoration: none;
	color: #999999;
	font-size: 11px;
}
#credit {width: 950px; color: #999999; font-size: 11px; padding: 100px 0px 20px 0px; margin: 0px auto 0px auto; text-align: center;}
#credit  a:hover {text-decoration: underline; color: #4daf3a; font-size: 11px;}
#credit  .active {color: #4daf3a;}