/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Reset Ends Here */

body
{
background:#94E4E8;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#wrapper
{
width:960px;
margin-left:auto;
margin-right:auto;
}

#header
{
background:url(../img/header_back.jpg) no-repeat center top;
height:147px;
}

#logo
{
float:left;
}
.header_center
{
float:left;
margin-left:239px;
margin-top:90px;
}

.header_center a
{
display:block;
width:114px;
height:25px;
text-indent:-3000px;
background:url(../img/learn_how.png) bottom left;
}

.header_center a:hover
{
background-position:top left;
}

.header_right
{
float:right;
margin-top:70px;
padding-right:10px;
line-height:18px;
}

.header_right a
{
text-decoration:none;
color:#000;
}
.header_right a:hover
{
text-decoration:underline;
}
#header_bottom h1{
text-align:center;
font-size:18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
padding-top:25px;
}
#home_flash_chart
{
clear:both;
padding-top:10px;
}

#home_flash_chart .infobar
{
background:url(../img/chart_header.jpg) no-repeat top left;
width:949px;
height:35px;
}
.infobar{
padding-top:22px;
padding-left:22px;
}

.high, .low., .cheer
{
display:block;
float:left;
}

.high
{
background:url(../img/highiam_background.jpg) no-repeat left;

padding-left:14px;
padding-right:14px;
color:#E8132A;

}
.low
{
background:url(../img/lowiam_background.jpg) no-repeat left;
color:#385FB0;
padding-left:14px;
padding-right:14px;

}
.cheer
{
background: url(../img/cheerom_backgriund.jpg) no-repeat left;
color:#2FA122;
padding-left:17px;
width:453px !important;
}
#biorythms{
padding-top:14px;
padding-bottom:30px;
}
#up, #down, #cheer_on{
display:block;
float:left;
width:470px;
padding-right:px;
}

#up h2, #down h2, #cheer_on h2
{
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

#up
{
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
}
#up h2
{
color: #000000;
}
#down h2{
color:#1C35BF;
}
#cheer_on h2{
color: #000000;
}
#down .person{
color:#3759C8;
}
#down .date{
color:#2A4D96;
}
#cheer_on .person
{
color:#21A01C;
}
#cheer_on .date{
color:#3A8532;
}
.message{
margin-top:11px;
border:1px solid#9CDBDE;
clear:both;
width:440px;
}
#up .high
{
background: url(../img/high.png) no-repeat left top #FEFEFE;
}
#up .low
{
background: url(../img/low.png) no-repeat left top #FEFEFE;
}
#cheer_on .cheer{
background: url(../img/cheer.png) no-repeat left top #FEFEFE;
}
.person_low{
float:right;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#385FB0;
font-weight:normal;
padding-top:8px;
}
.person{
float:right;
font-size:12px;
padding-top:8px;
padding-right:8px;
}
#up .person
{
font-weight:normal;
}
.msg_body
{
clear:right;
}
#image{
float:left;
padding-top:5px;
padding-left:33px;
}
.msg_body p{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
padding-top:10px;
line-height:15px;
color:#626262;
}
.actual_message
{
float:right;
width:330px;
font-weight:normal;
}
.date{
clear:both;
float:right;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#C3393C;
font-weight:bold;
padding-bottom:5px;
padding-top:5px;
}
.clearer
{
clear:both;
height:0;
font-size:0;
}
.head{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
#footer
{
border-top:1px solid #76C6CA; 
clear:both;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
padding-top:14px;
padding-bottom:32px;
margin-left:6px;
margin-right:8px;
}
#up, #down, #cheer_on{
padding-bottom:29px;
margin-right:5px;
}

#top_high, #top_low,#no_user
{
width:466px;
margin-left:auto;
margin-right:auto;
border:1px solid #6BBBB8;
}

#top_high
{
background: url(../img/high.png) no-repeat left top #FEFEFE
}

#top_high .person
{
color:#C3393C;
}

#top_low .person
{
color:#2A4D96
}

#top_high .date
{
color:#C3393C;
}

#top_low .date
{
color:#2A4D96
}

#top_low
{
background: url(../img/low.png) no-repeat left top #FEFEFE
}
#no_user
{
	background:  #FEFEFE;
	
}
.paging
{
clear:both;
padding-top:10px;
}

.paging div, .paging span, .paging a
{
background:#FFFFFF none repeat scroll 0%;
border:1px solid #6BBBB8;
color:#000000;
display:inline;
font-size:12px;
padding:3px;
text-transform:capitalize;
}

.paging span a
{
border:none;
padding:0;
}

.low .date
{
color:#2A4D96;
}