/* CSS for HIMSS Weekly Insider */
/* COLORS
	Blue - #0F5BA2
	Light Blue - #DBE9F0
	Red - #C0002A
	Green - #9BCD68
	Orange - #F1AB27

*/

body {font:.8em Georgia, "Times New Roman", Times, serif; color:#333; margin:0;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

a {color:#0F5BA2;}
a:hover {background:#DBE9F0;}
a:active {}
a:visited {color:#0F5BA2;}

h1 {font:bold 1.6em Arial, Helvetica, sans-serif; color:#C0002A; display:block; border-bottom:2px solid #C0002A; margin-top:30px; clear:both;}
h2 {font:bold 1.85em Arial, Helvetica, sans-serif; margin:30px 0px 4px 0px; letter-spacing:-1px;}
h3 {font:bold 1.4em Arial, Helvetica, sans-serif; color:#0F5BA2;}

#wrapper {width:950px; margin:0 auto; background: url(img/background.gif) repeat-y; padding-bottom:20px;}
img.printHeader {display:none;}

#ish {position:relative; font:.75em Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#fff; width:155px;}
#ish div.ishContent {position: absolute; top: -116px; left: 45px; width:155px;}
#ish div.ishContent span.date {font:bold 1.6em Arial, Helvetica, sans-serif;}


#leftSideBar {float:left; width:216px; padding-left:10px;}

#leftSideBar #sponsorBox {width:178px; padding:4px 10px; border:1px solid #333; font:11px Arial, Helvetica, sans-serif; background:#fff;}
#leftSideBar #sponsorBox img {padding:8px 0px; margin:0; border:none;}
#leftSideBar #sponsorBox p {width:174px; padding:0;}

#leftSideBar #adBox {width:178px; padding:4px 10px; border:1px solid #333; font:.85em Arial, Helvetica, sans-serif; background:#fff; margin-top:10px;}
#leftSideBar #adBox div.ads {padding-left:28px;}
#leftSideBar #adBox div.ads img {padding-bottom:10px;}
#leftSideBar #adBox div.ads a:hover {background:none;}

#leftSideBar #corpMembers {width:180px; padding-left:10px; margin:20px 0;}
#leftSideBar #corpMembers h2 {font:bold 1.25em Arial, Helvetica, sans-serif; color:#333; margin-top:10px;}
#leftSideBar #corpMembers ul {list-style:none; margin:0; padding:0;}
#leftSideBar #corpMembers ul li {font:.9em Arial, Helvetica, sans-serif; padding:4px 0;}
#leftSideBar #corpMembers ul li a {color:#333;}
#leftSideBar #corpMembers ul li a:hover {background:none;}

#leftSideBar #medTech {width:168px; font:11px Arial, Helvetica, sans-serif; font-style:italic; margin-top:30px; padding-left:8px; font:.85em Arial, Helvetica, sans-serif; font-style:italic;}
#leftSideBar #medTech p {padding-left:8px; margin-top:3px;}


#mainContent {float:right; width:670px; line-height:1.65em; padding-right:20px;}

#mainContent #intro p {color:#0F5BA2;}
#mainContent #intro h2 {color:#0F5BA2; margin-top:0px;}

#mainContent #index {float:right; border:1px solid #0F5BA2; padding:0 10px 10px 10px; width:160px; margin: 0 0 0 20px;}
#mainContent #index h2 {font:bold 1.25em Arial, Helvetica, sans-serif; color:#0F5BA2; margin-top:10px;}
#mainContent #index ul {list-style:none; margin:0; padding:0;}
#mainContent #index ul li {font:.85em Arial, Helvetica, sans-serif; height:1.7em;}

#mainContent p {margin:0px 0px 20px 0px;}
#mainContent div.callout {background:#DBE9F0; margin:20px; padding:20px;}

#mainContent img.photo {float:right; margin:10px 0 10px 20px; border:4px solid #9BCD68;}
#mainContent img.photoNoBorder {float:right; margin:10px 0 10px 20px;}

span.newTool {background-color:#993300; color:#fff; font-weight:bold; font-variant:small-caps; padding:0px 2px; margin-right:5px;}
span.meaningfuluse {background-color:#6F5D85; color:#fff; font-weight:bold; font-variant:small-caps; padding:0px 2px; margin-right:5px;}

/* ==== Corporate Members Spotlight box === */
div.corpMemberSpotlight {border:1px solid #DFD984; padding:10px 25px;}
div.corpMemberSpotlight p.header {color:#DFD984; font:34px "Times New Roman", Times, serif;}
div.corpMemberSpotlight table tr td {vertical-align:top; width:33%;}
div.corpMemberSpotlight table tr td img {margin-bottom:10px;}
div.corpMemberSpotlight table tr td p {width:180px; font:11px Arial, Helvetica, sans-serif;}

/* ==== CSS for Sponsor Frame ==== */

div.sponsorFrame {text-align:center;}
div.sponsorFrame p {color:white; font:11px Arial, Helvetica, sans-serif; margin:0; padding:4px 0px;}
div.sponsorFrame img {}

div.sponsorFrameText {width:920px; margin:0 auto; background:white; text-align:left; margin-top:4px; padding-bottom:3px;}
div.sponsorFrameText span {width:900px; padding:2px 10px; margin:0; background:#000; display:block; color:white; font:bold 12px Arial, Helvetica, sans-serif;}
div.sponsorFrameText p {padding:0px 10px; font:11px Arial, Helvetica, sans-serif; margin:4px 0px;}
div.sponsorFrameText img {float:right;}

#footer {width:870px; margin:0 auto; text-align:center; border-top:1px solid #ccc; clear:both; background:#fff; padding:10px 40px; font:11px Arial, Helvetica, sans-serif; font-style:italic;}
