/* wrapper */
#bottom {
clear:both;
width:972px;
}
/* widget-like element above footer */
#editors-picks {
background-color:#EEE;
background-image:url(/static/images/swt/editors-picks-footer.gif);
background-position:left bottom;
background-repeat:no-repeat;
clear:both;
margin-bottom:10px;
overflow:auto;
padding:0 0 25px;
_height:100%;
}
#editors-picks h3 {
background-image:url(/static/images/swt/editors-picks-header.gif);
background-position:left top;
background-repeat:no-repeat;
color:#555;
font-size:1.6em;
font-weight:bold;
padding:20px 0 10px 24px;
text-transform:uppercase;
}
#editors-picks .pick-list li {
border-right:1px solid #ccc;
float:left;
height:200px;
padding:0 21px;
width:150px;
}
#editors-picks .pick-list li.first {
padding-left:24px;
}
#editors-picks .pick-list li.last {
border-right:none;
padding-right:0;
}
#editors-picks h4,
#editors-picks h4 a {
color:#000;
font-size:1.1em;
font-weight:bold;
margin-bottom:10px;
text-transform:uppercase;
}
#editors-picks h5 {
font-size:1.4em;
font-weight:bold;
line-height:1.2;
margin-bottom:10px;
}
#editors-picks img {
width:170px;
margin-bottom:10px;
}
#editors-picks p {
font-size:1.2em;
}
/* section front left rails */
#primary-content {
float:left;
width:425px;
padding-right:15px;
}
#primary-content h3 {
border-top: 3px double #ccc;
color:#444;
font-size:1.6em;
font-weight:bold;
margin-bottom:6px;
padding-top:14px;
}
body.section-layout-7 #primary-content,
body.section-layout-8 #primary-content {
width:auto;
}
#primary-content ol {
margin: 10px 20px
}
#primary-content ol li {
font-size:1.2em;
margin-left:20px;
line-height:1.4;
list-style-type:decimal;
margin-bottom:5px;
}
/* for section fronts */
#secondary-content {
float:left;
width:180px;
}
/* wrapper */
#top {
background-image:url(/static/images/ah/yellow-box-972.png);
background-position:left bottom;
background-repeat:no-repeat;
overflow:hidden;
margin-bottom:15px;
padding-bottom:15px;
width:972px;
}
#top .top-aside-top {
background-image:url(/static/images/ah/yellow-box-972.png);
height:15px;
}
#top .layout-2-column {
border-right:1px solid #ddd;
float:left;
padding:0 15px;
width:455.5px;
}
#top .layout-2-column-2 {
border-right:none;
}
/* for section fronts */
#top-content {
background-image:url(/static/images/ah/yellow-box-620x315.png);
background-repeat:no-repeat;
background-position: bottom left;
margin-bottom:20px;
overflow:hidden;
width:620px;
}
#top-content .top-content-top {
background-image:url(/static/images/ah/yellow-box-620x315.png);
height:10px;
}
/* generic #bottom .widget */
#bottom .widget {
background-color:#fff;
background-image:url(/static/images/ah/gray-box-972.png);
background-position:left bottom;
background-repeat:no-repeat;
margin-bottom:15px;
padding-bottom:15px;
overflow:auto;
_height:100%;
}
#bottom .widget h4 {
background-color:#fff;
background-image:url(/static/images/ah/gray-box-972.png);
background-position:left top;
background-repeat:no-repeat;
height:10px;
padding:0;
text-indent:-999em;
}
#bottom .widget h4 a,
#bottom .widget h4 a:hover {
color:#555;
}
/* Assumes 5 subwidgets.
   For 4 subwidgets,
   override with
   width:222px; */
#bottom .subwidget {
border-right:1px solid #ccc;
float:left;
height:200px;
padding:0 12px;
overflow-y: hidden;
width:170px;
}
#bottom .subwidget-last {
border-right:none;
padding-right:0;
}

#bottom .subwidget h5 {
color:#444;
font-size:1.2em;	
font-weight:bold;
line-height:1.4;
margin-bottom:5px;
text-transform:uppercase;
}
#bottom .subwidget h5 a {
color:#444;
}
#bottom .subwidget h6 {
font-size:1.35em;
font-weight:bold;
line-height:1.2;
margin-bottom:10px;
}
#bottom .subwidget p {
font-size: 1.2em;
}
#bottom .subwidget p img {
width:170px;
}
/* generic #primary-content .widget */
#primary-content .widget {
border-bottom:1px dashed #ccc;
margin-bottom:20px;
overflow:auto;
padding-bottom:18px;
_height:100%;
}
body.section-layout-7 #primary-content .widget,
body.section-layout-8 #primary-content .widget {
margin-bottom:10px;
padding-bottom:10px;
}
body.section-layout-8 #primary-content .widget {
border-bottom:3px double #ccc;
}
body.section-layout-8 #primary-content .widget-last {
border-bottom:none;
}
#primary-content .subwidget {
overflow:auto;
_height:100%;
}
body.section-layout-7 #primary-content .subwidget,
body.section-layout-8 #primary-content .subwidget {
border-bottom:1px dashed #ccc;
margin-bottom:10px;
padding-bottom:10px;
}
body.section-layout-7 #primary-content .subwidget-last,
body.section-layout-8 #primary-content .subwidget-last {
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}
#primary-content .widget h4 {
font-size:1.3em;
font-weight:bold;
margin-bottom:6px;
text-transform:uppercase;
}
body.section-layout-7 #primary-content .widget h4,
body.section-layout-8 #primary-content .widget h4 {
color:#444;
font-size:2em;
font-weight:normal;
text-transform:none;
}
#primary-content .widget h4 a {
color:#000;	
}
body.section-layout-7 #primary-content .widget h4 a,
body.section-layout-8 #primary-content .widget h4 a {
color:#444;
}
#primary-content .widget h5 {
font-size:1.4em;
font-weight:bold;
line-height:1.5;
}
#primary-content .feature h5 {
font-size:2em;
font-weight:normal;
line-height:1;
padding-bottom:7px;
}
#primary-content .widget p {
font-size:1.2em;
line-height:1.7;
}
#primary-content .widget p.byline {
font-size:1em;
line-height:1.7;
}
#primary-content .widget p.caption {
font-size:1em;
line-height:1.7;
}
#primary-content .widget-image img {
border:1px solid #ddd;
display:block;
}
#primary-content .text-image-left .widget-image {
clear:left;
float:left;
margin-bottom:4px;
margin-right:10px;
}
body.section-layout-7 #primary-content .text-image-left .widget-image,
body.section-layout-8 #primary-content .text-image-left .widget-image {
margin-bottom:0;
}
#primary-content .text-image-left ul.related-links,
#primary-content .text-image-right ul.related-links {
clear:both;
}
#primary-content .widget ul.related-links li {
background-image:url(/static/images/swt/bullet-arrow.png);
background-position:0 .3em;
background-repeat:no-repeat;
font-size:1.2em;
line-height:1.2;
padding-left:10px;
margin:10px 0 4px;
_background-image:url(/static/images/swt/bullet-arrow.gif);
}
#primary-content .widget ul.related-links li.first {
margin-top:0;
}
#primary-content .widget-first {
}
#primary-content .widget-last {
border-bottom:0;
padding-bottom:0;
}
#primary-content .faux-list h4 a {
color:#000;
}
#primary-content .faux-list h5 {
background-image:url(/static/images/swt/bullet-arrow.png);
background-position:0 .3em;
background-repeat:no-repeat;
font-size:1.3em;
font-weight:normal;
padding-left:10px;
_background-image:url(/static/images/swt/bullet-arrow.gif);
}
#primary-content .faux-list h5 a {
font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}


/* specific #primary-content widgets and pseudo-widgets */
/* feature */
#primary-content .feature {
border-bottom: 3px double #ccc;
margin-bottom:20px;
padding-bottom:20px;
}
#primary-content .feature .widget-image {
margin-right:0;
}
#primary-content .feature .widget-image img {
margin-bottom:10px
}

/* metlife */
#primary-content .metlife {
background-image:url(/static/images/swt/widget-eee-400.png);
background-position:left bottom;
background-repeat:no-repeat;
border-bottom:none;
margin-bottom:15px;
padding-bottom:0;
_height:100%;
}
#primary-content .metlife h4 {
background-image:url(/static/images/swt/widget-eee-400.png);
background-position:left top;
background-repeat:no-repeat;
color:#555;
font-size:1.6em;
font-weight:bold;
padding:8px 10px;
text-transform:uppercase;
}
#primary-content .metlife h4 a,
#primary-content .metlife h4 a:hover {
color:#555;
}
#primary-content .metlife .subwidget {
padding: 0 10px 10px;
}
#primary-content .metlife .subwidget h5 {
font-size:1.3em;	
font-weight:bold;
line-height:1.4;
margin-bottom:4px;
}
#primary-content .metlife .subwidget p {
font-size: 1.2em;
line-height:1.4;
}
#primary-content .metlife img {
border:none;
}

/* from-the-blogs */
#primary-content .from-the-blogs .widget-image {
float:left;
margin-top:-15px; /* "float" h6 next to image */
padding-right:10px;
}
#primary-content .from-the-blogs h5 {
font-size:1.3em;
}
#primary-content .from-the-blogs h6 {
font-weight:bold;
text-indent:90px; /* "float" h6 next to image */
text-transform:uppercase;
}
#primary-content .from-the-blogs h6 a {
color:#000;
}
#primary-content .from-the-blogs div.subwidget { /* div needed in selection to override body.section-layout-8 above */
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}
#primary-content .from-the-blogs div.dynamic { /* div needed in selection to override body.section-layout-8 above */
border-bottom:1px dashed #ccc;
margin-bottom:10px;
padding-bottom:10px;
}
#primary-content .from-the-blogs ul.related-links li {
margin-top:0;
}

/* compass-widget */
#primary-content .compass-widget {
background-color:#fffcf4;
border:1px solid #ddd !important;
padding:10px;
}
#primary-content .compass-widget .subwidget {
border-bottom:none;
}
#primary-content .compass-widget .subwidget img {
border:none;
}
#primary-content .compass-widget .subwidget h5 {
margin-top:8px;
}
#primary-content .compass-widget ul li {
background-image: url(/static/images/swt/bullet-arrow.png);
background-position: 0px 0.55em;
background-repeat: no-repeat;
clear:left;
font-size: 1.3em;
padding-left: 10px;
}
/* generic #secondary-content .widget */
#secondary-content .widget {
border-bottom:3px double #ccc;
padding:20px 0;
}
#secondary-content .widget-last {
border-bottom:none;
padding-bottom:0;
}
#secondary-content .widget-first {
padding-top:0;
}
#secondary-content .widget h4 {
color:#444;
font-size:1.6em;
font-weight:bold;
margin-bottom:6px;
}
#secondary-content .widget ul.related-links li {
background-image:url(/static/images/swt/bullet-arrow.png);
background-position:0 .3em;
background-repeat:no-repeat;
font-size:1.2em;
line-height:1.2;
padding-left:10px;
margin:10px 0 4px;
_background-image:url(/static/images/swt/bullet-arrow.gif);
}

/* specific #secondary-content widgets and pseudo-widgets */
/* headlines */
#secondary-content .headlines {
padding-top:0; /* simulate widget-first */
margin-bottom:20px; /* compensate for real widget-first */
}
#secondary-content .headlines .subwidget {
border-bottom:0;
margin-bottom:0;
padding-bottom:0;
}
#secondary-content .headlines ul.related-links li {
background:none;
line-height:1.5;
margin-bottom:6px;
margin-top:0;
padding-left:0;
}

/* from-the-blogs */
#secondary-content .from-the-blogs h5 {
font-size:1.3em;
font-weight:bold;
line-height:1.5;
}
#secondary-content .from-the-blogs h6 {
font-size:1.2em;
font-weight:bold;
margin-bottom:4px;
text-transform:uppercase;
}
#secondary-content .from-the-blogs h6 a {
color:#000;
}
#secondary-content .from-the-blogs img {
border:1px solid #ddd;
float:right;
height:60px;
margin-left:4px;
width:60px;
}
#secondary-content .from-the-blogs p {
font-size:1.2em;
}
#secondary-content .from-the-blogs .dynamic {
border-bottom:1px dashed #ccc;
margin-bottom:10px;
min-height:90px;
padding-bottom:10px;
}
/* dynamicsectionwidget (can be removed when we can set render_as_simple_list) */
#primary-content .dynamicsectionwidget h5 a {
background-image:url(/static//images/swt/bullet-arrow.png);
background-position:0 .3em;
background-repeat:no-repeat;
font-size:.9em;
font-weight:normal;
margin:10px 0 4px;
padding-left:10px;
}


/* all-blogs */
#secondary-content .all-blogs li {
border-bottom:1px dashed #ccc;
color:#666666;
font-size:1.1em;
line-height:1.5;
padding:10px 0;
}
#secondary-content .all-blogs li.last {
border-bottom: none;
padding-bottom:0;
}
#secondary-content .all-blogs li a {
font-size:1.2em;
font-weight:bold;
}

/* videos */
#secondary-content .videos h4 a {
color:#EC2126;
}
#secondary-content .videos .subwidget {
border-bottom:1px dashed #ccc;
margin-bottom:10px;
padding-bottom:10px;
}
#secondary-content .videos .subwidget-last {
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}
#secondary-content .videos h5 {
font-size:1.3em;
font-weight:bold;
line-height:1.5;
}
#secondary-content .videos img {
border:1px solid #ddd;
margin-top:4px;
}
#secondary-content .videos p {
font-size:1.2em;
}/* generic widget */
/* widgets in top */
#top .widget,
#top .subwidget {
overflow:auto;
padding-bottom:10px;
}
#top .widget-last,
#top .subwidget-last {
padding-bottom:0;
}
#top .feature {
padding-bottom:10px;
}
#top .widget h4 {
color:#ec151d;
font-size:2em;
}
#top .widget h5 {
color:#444;
font-size:1.4em;
font-weight:bold;
line-height:1.5;
}
#top .widget p {
font-size:1.2em;
line-height:1.7;
}
#top .widget-image img {
border:1px solid #ddd;
display:block;
}
#top .text-image-left .widget-image {
clear:left;
float:left;
margin-bottom:4px;
margin-right:10px;
}
#top .text-image-left ul.related-links,
#top .text-image-right ul.related-links {
clear:both;
}
#top .widget ul.related-links li {
background-image:url(/static/images/swt/bullet-arrow.png);
background-position:0 .3em;
background-repeat:no-repeat;
font-size:1.2em;
line-height:1.2;
padding-left:10px;
margin:10px 0 4px;
_background-image:url(/static/images/swt/bullet-arrow.gif);
}

/* specific #rail widgets and pseudo-widgets */
/* us-news-health-rankings */
#top .us-news-health-rankings form {
clear:left;
}
#top .us-news-health-rankings form h5 {
font-size:1.2em;
}
#top .us-news-health-rankings .subwidget-first {
border-bottom:1px dashed #ccc;
margin-bottom:10px;
}
#top .us-news-health-rankings form .separator {
color:#888;
font-size:1.3em;
}
#top .us-news-health-rankings input.text {
background-image:url(/static/images/ah/input-background.gif);
background-position:0 0;
background-repeat:repeat-x;
border:1px solid #ddd;
color:#444;
font-size:1.5em;
height:22px;
padding-left:5px;
padding-top:3px;
width:160px;
}
#top .us-news-health-rankings input.width-half {
width:80px;
}
#top .us-news-health-rankings input.search-hosp {
background-image:url(/static/images/ah/find-hospitals-button-yellowbg.png);
background-repeat:no-repeat;
background-position:center top;
border:none;
cursor:pointer;
height:32px;
margin:0;
padding:0;
position:relative;
top:-2px;
text-indent:-999em;
text-transform:capitalize;
width:125px;
}

/* us-news-best-places */
#top .us-news-best-places .widget-image img {
border:none;
}
#top .us-news-best-places form {
clear:left;
}
#top .us-news-best-places .layout-2-column {
float:left;
padding:0;
width:220px;
overflow:auto;
}
#top .us-news-best-places .layout-2-column-1 {
border-right:none;
padding-right:10px;
}
#top .us-news-best-places label,
#top .us-news-best-places .label {
clear:both;
display:block;
font-size:1.2em;
font-weight:bold;
margin-top:10px;
}
#top .us-news-best-places label.min-max {
display:none;
}
#top .us-news-best-places .ui-slider {
margin-bottom:26px;
margin-left:23px;
margin-top:8px;
width:165px;
}
#top .us-news-best-places select.select_skin {
float:left;
width:210px;
font-size:14px;
height:27px;
line-height:1.5;
margin:0;
min-height:25px;
padding-top:4px;
}
#top .us-news-best-places select.select_skin option {
font-size:15px;
line-height:1.5;
}
#top .us-news-best-places input.submit {
background-image:url(/static/images/ah/search-button.png);
background-repeat:no-repeat;
background-position:center top;
border:none;
cursor:pointer;
height:32px;
margin-top:32px;
text-indent:-999em;
text-transform:capitalize;
width:69px;
}
/* generic widget */
#top-content .widget {
border-right:1px solid #ccc;
float:left;
margin-bottom:10px;
margin-right:10px;
padding-right:9px;
width:400px;
}
/* first widget also needs margin-left */
#top-content .widget-first {
margin-left:10px;
}
/* last widget is different width and has no border */
#top-content .widget-last {
border-right:none;
padding-right:0;
width:180px;
}
/* if there's only one widget, handle it differently */
#top-content .widget-only {
border-right:none;
padding-right:0;
float:none;
width:auto;
}
#top-content .widget h4 {
font-size:1.3em;
font-weight:bold;
margin-bottom:6px;
text-transform:uppercase;
}
#top-content .widget h4 a {
color:#000;	
}
#top-content .widget h5 {
font-size:1.4em;
font-weight:bold;
line-height:1.5;
}
#top-content .widget p {
font-size:1.2em;
line-height:1.7;
}
#top-content .widget p.byline {
font-size:1em;
line-height:1.7;
}
#top-content .widget p.caption {
font-size:1em;
line-height:1.7;
}
#top-content .widget-image img {
border:1px solid #ddd;
display:block;
}
#top-content .text-image-left .widget-image {
clear:left;
float:left;
margin-bottom:4px;
margin-right:10px;
min-height:150px;
}
#top-content .text-image-left ul.related-links,
#top-content .text-image-right ul.related-links {
clear:both;
}
#top-content .widget ul.related-links li {
background-image:url(/static/images/swt/bullet-arrow.png);
background-position:0 .3em;
background-repeat:no-repeat;
font-size:1.2em;
line-height:1.2;
padding-left:10px;
margin:10px 0 4px;
_background-image:url(/static/images/swt/bullet-arrow.gif);
}
#top-content .faux-list h4 a {
color:#000;
}
#top-content .faux-list h5 {
background-image:url(/static/images/swt/bullet-arrow.png);
background-position:0 .3em;
background-repeat:no-repeat;
font-size:1.3em;
font-weight:normal;
padding-left:10px;
_background-image:url(/static/images/swt/bullet-arrow.gif);
}
body.type-section-front h1 {
font-size:1.3em;
font-style:italic;
line-height:1.7;
margin-bottom:5px;
margin-top:105px; /* clear the absolutely-positioned header */
}

