@import url("reset.css");
@import url("widgets.css");
@import url("goals.css");
/*@import url("nav.css");*/
@import url("discussion.css");
@import url("/Controls/datePickerComponents/datePicker.css");
body {
background: #E7F0FA;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}
a {
text-decoration:none;
color:#6695d2;
}
a:hover {
color:#3C5A7E;
text-decoration:underline;
}
#wrap {
width:1002px;
margin:16px auto 16px auto;
background:#FFF;
}
#head {
width:942px;
margin-left:30px;
background:url(../images/colorBlocks.png) no-repeat top right;
position:relative;
}
#logo {
width:357px;
height:90px;
background:url(../images/acsEatRightLogo.png) no-repeat 0 0;
}
h1 {
text-indent:-9999px;
}
#logo a {
display:block;
width:357px;
height:90px;
}
#breadcrumbArea {
width:942px;
height:38px;
margin-left:30px;
background:url(../images/breadcrumbAreaBg.png) repeat-x;
}
#breadcrumbArea ul {
width:100%;
height:38px;
line-height:38px;
padding-left:8px;
}
#breadcrumbArea li {
display:inline;
color:#5d5d5d;
font-size:11px;
}
#breadcrumbArea li a {
display:inline;
color:#6695d2;
text-decoration:none;
}
#breadcrumbArea li a:hover {
text-decoration:underline;
}
.contentArea {
width:942px;
margin-left:30px;
padding-bottom:12px;
}
.contentArea a {
color:#6695D2;
text-decoration:none;
font-weight:bold;
}
.contentArea a:hover {
text-decoration:underline;
}
.contentArea p {
line-height:150%;
margin:12px 0;
color:#333;
}
.contentArea img {
float:left;
padding:8px;
background:#F3F7FB;
margin-right:12px;
margin-bottom:12px;
}
.contentArea h2 {
margin:12px 0;
font-size:18px;
color:#314DA1;
}
.contentArea h3 {
margin:12px 0;
font-size:15px;
color:#314DA1;
clear:both;
}
.contentArea h4 {
margin:12px 0;
font-size:13px;
color:#314DA1;
}
.contentArea ul, .contentArea ol, .contentArea dl {
margin:12px;
}
.contentArea ol {
margin:12px 36px;
}
.contentArea ul li {
list-style:inside square;
margin-bottom:6px;
line-height:150%;
}
.contentArea ol li {
list-style:decimal;
margin-bottom:6px;
line-height:150%;
}
.contentArea dt {
font-weight:bold;
margin:12px 0;
}
.contentArea dd {
margin-bottom:6px;
text-indent:6px;
}
#mainContent {
float:left;
width:706px;
}
#sideBar {
float:left;
width:224px;
margin-left:12px;
margin-top:12px;
margin-bottom:12px;
}
#healthTipsArea {
background:#F3F7FB;
padding:12px;
}
#healthTipsArea p {
line-height:150%;
margin:12px 0;
color:#333;
}
#healthTipsArea h3 {
margin:0 0 12px 0;
}
#footer {
clear:both;
width:100%;
margin:32px 0;
text-align:center;
}
#footer ul {
text-align:center;
}
#footer li {
display:inline;
}
#footer li a {
font-size:11px;
text-decoration:none;
color:#567fb5;
padding:0 6px;
}
#footer li a:hover {
text-decoration:underline;
color:#363636;
}
#footer p {
font-size:11px;
color:#363636;
line-height:250%;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#tabArea {
width:942px;
margin-left:30px;
margin-top:20px;
height:39px;
border-bottom:1px solid #A3BFE4;
}
#tabArea li {
float:left;
display:inline;
width:121px;
height:39px;
line-height:39px;
text-align:center;
margin-right:5px;
background:url(../images/tabBg.png) no-repeat 0 1px;
}
#tabArea li#selectedTab {
margin-top:1px;
background:url(../images/selectedTabBg.png) no-repeat 0 0;
}
#tabArea li a {
display:block;
width:100%;
height:100%;
text-decoration:none;
color:#828282;
font-weight:bold;
}
#tabArea li a:hover {
color:#6695d2;
}
.formButtonContainer {
vertical-align:middle;
text-align: right;
margin-bottom:24px;
}
#btnCreate {
background:url(../images/createAccountButton.png) no-repeat 0 0;
}
.goalSelections td {
width:233px;
padding-right:84px;
}
.goalWizardText {
height:110px;
width:233px;
}
.contentPhoto {
margin-top:12px;
}
#healthTipsArea h4 {
font-size:13px;
margin-bottom:13px;
line-height:150%;
}
#userInfo {
position:absolute;
top:52px;
right:0;
width:500px;
text-align:right;
}
#userInfo li {
display:inline;
margin-left:8px;
font-weight:bold;
border-right:1px solid #000;
padding-right:8px;
}
#userInfo li#uiLast {
border-right:none;
padding-right:0;
}
.inside #loginArea {
position:relative;
padding-bottom:50px;
}
.inside #loginBox label {
display:block;
margin-bottom:2px;
}
.inside #loginBox input[type="text"], #loginBox input[type="password"] {
width:155px;
height:20px;
margin-left:-4px;
}
#loginBox p#password span {
position:absolute;
left:80px;
top:52px;
}
#loginBox span {
position:absolute;
left:97px;
top:52px;
color:#ff0000;
}
.inside #loginBox #remember input {
margin:2px 2px 0 0;
}
.inside #loginBox p {
margin-bottom:10px;
}
.inside #loginBox p#password {
margin:0;
}
.inside #loginBox p#remember {
padding-top:2px;
line-height:16px;
}
.inside #loginBox #remember label {
display:inline;
float:none;
font-size:10px;
}
.inside #loginBox p a {
font-size:10px;
}
.inside #loginBox .clickHereLogin {
display:block;
width:72px;
height:29px;
position:absolute;
top:155px;
left:0px;
background:url(../images/loginBtn.png) no-repeat 0 0;
text-indent:-9999px;
}
.inside #loginBox p a {
display:block;
position:absolute;
top:160px;
left:88px;
}
#.inside loginBox p span {
position:absolute;
top:0px;
right:40px;
display:block !important;
color:#fff !important;
}

/* Overlib Style */
div.domTTWin {
  border: 2px outset #BFBFBF;
  background-color: #F5F5F5;
}
div.domTTWin .caption {
  border: 0px solid #BFBFBF;
  border-width: 1px 1px 0px 1px;
  background-color: #00007F;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  font-family: sans-serif;
  color: white;
}
div.domTTWin .contents {
  border: 1px solid #BFBFBF;
}

.reportBorder
{
    padding: 2px;
    border:solid;
    border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    border-width: 1px 2px 2px 1px;
    background-color:white;    
}