﻿/* All layout classes */
/* Container, Content, Column, ColumnLeft, ColumnRight, etc*/
body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
/* UI Recommendation from 13px to 14px*/
font-size:14px;

line-height:19px;
color:#555;
background:#fff url(../_assets/portal_bg.jpg) no-repeat center top;
}

/* Health.Sjm.com home page background image */
#GlobalContainer
{
    background:#fff url(../_assets/portal_bg.jpg) no-repeat center top;
}


a {
color:#006C56;
text-decoration:none;
}
a:visited {
    /* UI Recommendation on visited color */
    /*color:#00af9e;*/
    color:#86a69f;
}
a:hover {
color:#000;
text-decoration:underline;
}
img {
border:none;
}
form {
margin:0;
padding:0;
}
.clear_float {
clear:both;
height:0;
line-height:0;
}

h1,h2,h3,h4,h5,h6 {
margin:0;
padding:2px 0;
font-weight:normal;
}
h1 {
padding-bottom:6px;
font-size:24px;
line-height:28px;
}
h2 {
font-size:22px;
line-height:26px;
}
h3 {
font-size:20px;
line-height:24px;
}
h4 {
font-size:18px;
line-height:22px;
}
h5 {
font-size:16px;
line-height:20px;
}
h6 {
font-size:14px;
line-height:18px;
}
p {
padding:0 0 10px 0;
margin:0;
}

.Container {
width:962px;
padding:0 15px;
margin:0 auto;
background:url(../_assets/footer_bg.jpg) no-repeat bottom;
}

.HeaderLarge {
height:186px;
/* UI Recommendation SJMHealth.com font size from 12px to 13px */
/* font-size:12px;*/
/* line-height:14px; */
/*font-size:13px;*/
line-height:15px;
}

.SJMLogo {
float:right;
padding:24px 35px;
}
.SiteName {
padding:22px 35px;
}
.SiteName h1 {
padding:2px 0;
font-size:28px;
}
.SiteName h2 {
/* UI Recommendation, Issues Log #75 */
/*color:#006c56;*/
color:#4c4c4c;
/* UI Recommendation (breaks site) is for 14px, but tagline on health.sjm.com butts right up to image (Bobby) */
font-size:14px;
/*line-height:14px;*/
line-height:12px;

font-weight:bold;
}
.SiteName a {
color:#737373;
}
.SiteName a:visited {
color:#737373;
}
.SiteName a:hover {
color:#737373;
text-decoration:none;
}

.Content {
clear:both;
/*min-height:470px;*/
}
.ContentImage {
position:relative;
}
.background_image_link a {
position:absolute;
left:0;
top:-74px;
width:962px;
height:370px;
}

.ColumnLeft {
float:left;
padding-top:20px;
font-size:14px;
line-height:16px;
}
.Column {
margin:0 0 0 262px;
padding-top:20px;
}
.ColumnRight, .ContentR {
float:right;
margin-bottom:20px;
font-size:14px;
line-height:16px;
}
.ColumnRight {
background:#fff;
}

.ContentLM {
margin-left:4px;
}

.ContentLM_Narrow
{
/* Issue Log #91 - update these pages with div ContentLMNarrow since this broke pages like Patient ID Card with right column */
padding-right:270px;
}

.ContentLM h1 {
padding:2px 0 10px 6px;
}
.ContentLM h2, .ContentLM h3, .ContentLM h4, .ContentLM h5, .ContentLM h6 {
padding:2px 25px 2px 31px;
}
.ContentLM table {
/*margin: 0 25px 0 31px;*/
/* Issue Log #91*/
margin: 0 0 0 31px;
}
.ContentLM p {
padding:0 25px 22px 31px;
overflow:auto;
}
.ColumnMiddleRight h2, .ColumnMiddleRight h3, .ColumnMiddleRight h4, .ColumnMiddleRight h5, .ColumnMiddleRight h6 {
padding:2px 35px 2px 43px;
}
.ColumnMiddleRight p {
padding:0 35px 22px 43px;
}
.ColumnMiddleRight img {
float:left;
margin:0 10px 10px 0;
}
.ContentLM img {
float:right;
margin:0 0 10px 10px;
}

.SiteRootHeadlines {
height:188px;
padding:18px 35px 0 35px;
background:url(../_assets/portal_homebox_bg.jpg) no-repeat;
overflow:auto;
}
.LeftColumn, .MiddleColumn, .RightColumn {
float:left;
position:relative;
width:297px;
height:110px;
}
.SiteRootHeadlines .Text {
position:absolute;
top:16px;
left:22px;
margin-right:22px;
/*font-size:13px;*/
line-height:16px;
}
.SiteRootHeadlines h1 {
font-size:18px;
line-height:18px;
}
.SiteRootHeadlines h2 {
font-size:13px;
line-height:16px;
margin-bottom:6px;
}
.SiteRootHeadlines a {
/* UI Recommendation from 13px to 14px - may break the content management with the pictures */
/* Has to coordinate with CM */
/*font-size:14px;*/
padding:0 0 5px 12px;
background:url(../_assets/arrow.gif) no-repeat 2px 4px;
}

.BelowFooter {
height:25px;

font-size:11px;
line-height:13px;
color:#666;
text-align:center;
/* UI Recommendation to add some padding left and right*/
/*padding:15px 20px;*/
padding: 0 180px 20px 180px;
}

.TrackBack
{
    padding-top:5px;
    font-size:11px;
}
