/* CSS Document */

/*
========== COLORS ============
#3168B4 - Dark Blue (topnav, subpage headlines, )
#548CC5 - Middle Blue (sideNav links) 
#CEE0EF - Light Blue (side boxes, BGs) 
#E9F1F8 - very light blue (table row BGs)

#DEDEDE - Gray (borders) 
#F4F4F4 - Light Gray (backgrounds) 

*/

@import url(sIFR-screen.css); /* sIFR headings */

body {
	background:#fff;
	/*font: 12px 'trebuchet ms', Arial, Helvetica, sans-serif;*/
	font: 11px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	line-height: 1.35em;
	color: #666666;
 }

#wrapper {
	width: 950px;
	margin:0 auto;
	padding: 0px 0px 10px 0px;
}

img.printLogo {display:none;}

#leftColumn.home a, #middleColumn a, #middleColumnWide a, #rightColumn a {color: #548CC5; text-decoration: none; border-bottom: 1px dotted #548CC5;}
#leftColumn.home a:hover, #middleColumn a:hover, #middleColumnWide a:hover, #rightColumn a:hover {background: #CEE0EF;}

#middleColumnWide span.sponsorLogos a, #middleColumn span.sponsorLogos a {border: none;}
#middleColumnWide span.sponsorLogos a:hover, #middleColumn span.sponsorLogos a:hover {background: none;}

#middleColumnWide a.noline, #middleColumn a.noline, #rightColumn a.noline {border: none;}
a.noline:hover, #rightColumn a.noline:hover {background: none;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

p.alert, .required {font-weight: bold; color: #BE1B1F;}
span.alert {font-weight: bold; padding: 1px 4px; background: #BE1B1F; color: #fff; margin: 0 4px;}

.new {
	font-size: 10px;
	font-weight: bold;
	color: #0061aa;
	background-color: #ccdeec;
	padding: 2px 4px 3px 4px;
	border: 1px solid #efefef;
	border-left: 4px solid #efefef;
	margin: 0;
	}

.toplinks {float:right; font-weight:bold;}

#topImage {height: 200px; width: 950px; clear:both; background: url(../img/topImg/education.jpg); margin: 0 0 10px 0;}
#topImage.exhibitors, #topImage.media, #topImage.speakers, #topImage.international {height:125px;}
#topImage span.homeLink {float: left;}
#topImage span.homeLink a {display: block; margin: 10px 0px 0px 555px; width: 300px; height: 150px; text-decoration: none;}
#topImage.exhibitors span.homeLink a, #topImage.international span.homeLink a, #topImage.media span.homeLink a, #topImage.speakers span.homeLink a {display:none;}

#topImage.homepage span.homeLink {display: none;}

.thumbnail {float: left; padding: 10px; margin:0 10px 50px 10px; background: white; border: 1px solid #CEBA85; clear:both; display: inline;}


h2 {color: #3168B4; line-height: 1em; font: 22px 'trebuchet ms', Arial, Helvetica, sans-serif;}

#topNavContainer {
	width:950px;
	background: url(../img/topNavBG.jpg) no-repeat;
	height: 40px;
	margin: 0 0 8px 0;
	clear:both; 
}

#topNavContainer ul {
	height: 40px;
	margin: 0 0 0 32px;
	padding: 0;
	list-style: none;
}

#topNavContainer ul li {
	float: left;
	height: 20px;
	text-align: center;
	padding: 10px 15px;
}

#topNavContainer ul li a { 
	color:#FFFFFF;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
}

#topNavContainer ul li a:hover {color: #CEE0EF;}

#topNavContainer a:link {color: #fff;}

/* ===== Search Box =====*/
div.searchBox {
	float: left;
	width: 300px;
}
div.searchBox input {
	float: left;
	height: 14px;
	font-size: 10px;
	border: 1px solid #DEDEDE;
	width: 200px;
	padding: 2px;
	margin-left: 10px;
}
div.searchBox #searchButton {
	height: 19px;
	width: 62px;
	position: relative;
	float: left;
	margin: 0 0 0 4px;
	padding: 0;
	background: url(../img/searchBTN.gif) no-repeat;
}
div.searchBox #searchButton span {
	display:none;
}

/* ===== end: Search Box =====*/
.toplinks {height: 19px; margin-bottom: 8px; margin-right: 1px;}

#leftColumn {float: left; width: 235px; margin-top: 15px;}
#leftColumn.home {width: 218px; background: #F4F4F4; margin-right: 15px; border: 1px solid #DEDEDE; border-bottom:10px solid #DEDEDE; border-top:none;}

#leftColumn.home h3 {width: 198px; background: #CEE0EF; color: #548CC5; padding: 6px 10px; margin: 10px 0; clear: both; font: 14px 'trebuchet ms', Arial, Helvetica, sans-serif; }
#leftColumn.home p {padding: 10px 10px 4px 10px; margin:0;}
#leftColumn.home p.bottomLink a {text-align: right; float: right; margin-bottom: 10px;}


div.sideNav {width: 220px;}
div.sideNav ul {
	width: 220px;
	margin:0px 0px 20px 0px; 
	padding:0; 
	border-top: 1px solid #CEE0EF; 
	border-bottom: 10px solid #CEE0EF; 
	list-style: none;
	background: #F4F4F4;
}
div.sideNav ul li {
	display:block; 
	float: left;
	width: 160px;
	font: 13px Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	background: #F4F4F4 url(../img/sideNavBG2.gif) top right no-repeat;
	margin: 0;
	padding: 5px 20px 5px 40px;
	border-bottom: 1px solid white;
	
}
div.sideNav ul li.group {
	padding: 5px 20px 5px 20px;
	width: 180px;
	color:#548CC5; 
	background: #CEE0EF url(../img/sideNavBG.gif) repeat-x; 
}

div.sideNav ul li.doc {background: #F4F4F4 url(../img/sideNavBG2_doc.gif) top right no-repeat;}

div.sideNav ul li a {
	display: block;
	font-weight: normal;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

div.sideNav ul li.symposiaList {display:none;}
div.sideNav ul li.symposiaList {background-color: white; background-image:none; border-bottom: 1px solid #F4F4F4; padding: 5px 24px 5px 26px; width:145px; margin-left:11px; border-right: 1px solid #CEE0EF; border-left: 3px solid #CEE0EF;}

div.breadcrumbs {font-size: 12px; color: #548CC5; margin-left: 10px;}
div.breadcrumbs a {text-decoration: none; color: #548CC5; padding: 0px 2px;}
div.breadcrumbs a:hover {background: #CEE0EF; color: #548CC5; border-bottom: 1px dotted #548CC5; }



div.exhTabs {width: 950px; height: 31px; background: #CEE0EF url(../img/tabsBG.gif) bottom repeat-x; float: left; clear:both; margin: 10px 0px;}
div.exhTabs ul {list-style:none; margin: 0 0 0 30px;}

div.exhTabs ul li {
	float: left; 
	width: 150px; 
	text-align: center; 
	padding: 5px 20px; 
	margin: 4px 10px 0px 10px; 
	height:16px;
	border: none;
	border-bottom: none;}
div.exhTabs ul li a {text-decoration: none; color:#548CC5; font: 12px 'trebuchet ms', Arial, Helvetica, sans-serif; font-weight:bold;}



#middleColumn {float: left; padding: 0; width: 480px; margin-top: 15px;}
#middleColumn.landing h1 {color: #CEE0EF; line-height:1em; font: 38px 'trebuchet ms', Arial, Helvetica, sans-serif;}
#middleColumn.landing p.intro, #middleColumnWide.landing p.intro {font-size: 13px; padding: 10px; border-top: 1px solid #CEE0EF; border-bottom: 1px solid #CEE0EF; line-height: 1.5em; margin-top: 5px;}
#middleColumnWide.landing p.intro {width:460px;}
#middleColumn p {line-height: 1.65em;}

#middleColumn h3, #middleColumnWide h3 {font-size: 14px; color: #3168B4; line-height: 1em; margin: 26px 0 0 0;}

#middleColumn.home h1 {color: #3168B4;  line-height:1em; font: 22px 'trebuchet ms', Arial, Helvetica, sans-serif;}
#middleColumn.home span.intro {}
#middleColumn.home span.intro p {font-size: 13px; line-height: 1.5em;}

#middleColumn.home {width: 515px;}
#middleColumn.home span.himssNews {}
#middleColumn.home span.himssNews p {font-size: 11px; line-height: 1.5em; padding-left: 10px;}
#middleColumn.home span.himssNews p a {font-weight: bold;}
#middleColumnWide p {line-height: 1.65em;}

#middleColumnWide {float: left; padding: 0; margin-top: 15px; width: 710px;}

span.sponsorLogos img {padding: 20px 20px; vertical-align:middle; width: 180px;}
#middleColumn span.sponsorLogos img {padding: 10px 20px;}
span.sponsorLogos span {width: 180px; text-align: center; display: block; padding: 0px 18px 4px 18px; float:left; border-right: 1px solid #CEE0EF; border-bottom: 1px solid #CEE0EF; margin: 0px 2px; font-weight:bold; color: #548CC5;}

span.electronic {color:#0C3;}

/*.thumbnail {float: left; padding: 10px; background: white; border: 1px solid #CEBA85; clear:both; display: inline;}*/

#rightColumn {float: right; padding: 15px; width: 184px; line-height: 1.35em; }

#rightColumn.home {width: 164px; padding: 0px;}

div.calloutBox {width: 200px; border: 1px solid #A0C4E0; border-bottom: 10px solid #A0C4E0;}
div.calloutBox h3 {font: 20px 'trebuchet ms', Arial, Helvetica, sans-serif; color: #fff; display: block; background: #A0C4E0; margin:0; padding: 10px 0px 10px 10px;}
div.calloutBox p {padding: 6px 10px; margin:0;}


#rightColumn div.sponsorBox, #rightColumn div.sponsorBoxCIO, #rightColumn div.cosponsorBox {width: 200px; border: 1px solid #DEDEDE; border-bottom: 10px solid #DEDEDE; background: url(../img/sponsoredbyBG.gif) top no-repeat; padding-top: 30px; margin-bottom:10px;}

#rightColumn div.presentedBox {width: 200px; border: 1px solid #DEDEDE; border-bottom: 10px solid #DEDEDE; background: url(../img/presentedBy.gif) top no-repeat; padding-top: 30px; margin-bottom:10px;}

#rightColumn div.collabBox {width: 200px; border: 1px solid #DEDEDE; border-bottom: 10px solid #DEDEDE; background: url(../img/collaboratorsBG.gif) top no-repeat; padding-top: 30px; margin-bottom:10px;}

#rightColumn div.cosponsorBox {background: url(../img/cosponsoredbyBG.gif) top no-repeat; margin-bottom:15px;}

#rightColumn div.sponsorBox a, #rightColumn div.cosponsorBox a, #rightColumn div.collabBox a {border:none; text-decoration:none; background:none;}
#rightColumn div.sponsorBox a:hover, #rightColumn div.cosponsorBox a:hover, #rightColumn div.collabBox a:hover {border:none; background:none;}
#rightColumn div.sponsorBox img, #rightColumn div.cosponsorBox img, #rightColumn div.collabBox img {padding-left: 10px; margin: 10px 0; border:none; background:none;}

#rightColumn div.sponsorHome {background: url(../img/sponsoredbyBG2.gif) top no-repeat;}

#middleColumnWide ol li, #middleColumn ol li {padding-bottom: 15px;}
#middleColumnWide ul li, #middleColumn ul li {padding-bottom: 15px;}

table.regTable {border: 0; width: 640px; margin: 6px 0px; border-top: 1px solid #548CC5; border-bottom: 1px solid #548CC5;}
table.regTable {width:660px;}
table.regTable tr th {text-align:left; background: #548CC5; font-weight:bold; color:white; padding: 5px;}
table.regTable tr th span {font-weight: normal; font-size:11px;}

table.regTable tr {}
table.regTable tr td {vertical-align: top; margin: 0; padding: 5px;}
table.regTable tr td.first {}
table.regTable tr td.price {width: 120px;}
table.regTable tr.highlight {background: #E9F1F8;} 
table.regTable tr.highlight td {border-bottom: 1px solid #CEE0EF; border-top: 1px solid #CEE0EF;}
table.regTable tr td.left {text-align: left;}
table.regTable tr td.right {text-align: right; width: 140px;}


/* ===== Registration Button Box ===== */

div.regButtonBox {float:right; border:0; width:212px; margin:0 0 16px 10px;}
div.regButtonBox p {padding: 4px 5px 4px 33px; background: url(../img/pdfIcon.gif) no-repeat 10px 6px; color:#548CC5; margin:0;}
div.regButtonBox p a {color: #548CC5; text-decoration: none; border-bottom: 1px dotted #548CC5;}
div.regButtonBox p a:hover {background: #CEE0EF;}

/* ==== For Exhibitor Includes/Events ====  */

div.vendorEvent {margin-bottom: 25px; border-bottom: 1px solid #CEE0EF;}
#middleColumn div.vendorEvent h3 {display: block; width: 96%; background: #548CC5; color: #fff; padding: 10px;}
div.vendorEvent p {padding-left: 10px;}
div.vendorEvent p.vest {font-weight: bold; color: #548CC5; font-size: 11px;}


/* ==== Interest Area List ==== */
div.interests {margin-left: 10px;}
div.interests h2 {font-size: 15px; font-weight:bold;}
div.interests ul {list-style:none; margin:0; padding:0;}
div.interests ul li {padding: 4px 0px 3px 8px; margin:0;}
div.interests ul li a {font-size: 12px; color:#666; text-decoration:none;}
div.interests ul li a:hover {text-decoration:underline;}

div.home div.interests {margin: 0 0 20px 0;}
div.home div.interests h2 {width: 198px; background: #CEE0EF; color: #548CC5; padding: 6px 10px; margin: 10px 0; clear: both; font: 14px 'trebuchet ms', Arial, Helvetica, sans-serif; }
div.home div.interests a {color: #548CC5; text-decoration: none; border-bottom: 1px dotted #548CC5; font-size: 11px;}
div.home div.interests a:hover {background: #CEE0EF;}

/* ==== Events/Workshop Display ==== */
div.workshop {border-bottom: 1px solid #E9F1F8; padding-bottom: 10px;}
div.workshop p.datetime {font-size: 13px; font-weight:bold; color:#999;}
div.workshop div.workshopDetail {padding:14px; background: #E9F1F8; display: none;}

/* ==== Exhibitor Hosted Events Display ==== */
div.exhibitorevent {border-bottom: 1px solid #E9F1F8; padding-bottom: 10px;}
div.exhibitorevent p.datetime {font-size: 13px; font-weight:bold; color:#999;}

div.exhbitorEventsFilter {width: 424px; padding: 10px; background-color: #f5f5f5; border: 1px solid #ccc; font-size: 11px;}
div.exhbitorEventsFilter span.byLinks {}
div.exhbitorEventsFilter span.byLinks a {}

/* ==== Exhibitor Listings ==== */
#middleColumnWide.exhibitorList {width:950px;}
div.exhibitorList table {border:0; width:950px;}
div.exhibitorList table tr.header td {background:#548CC5; color:white; font-weight:bold;}
div.exhibitorList table tr td {padding:8px 5px; border:none; border-bottom: 1px solid #CEE0EF; text-align:center;}
div.exhibitorList table tr td.firstColumn {text-align:left;}

/* ===== Education Session Search ===== */
#eduSearch	{width: 424px; padding: 10px; background-color: #f5f5f5; border: 1px solid #ccc; font-size: 11px;}

#eduSearch input.btn {margin: 5px; vertical-align: bottom;}

#eduSearch strong {font-size: 10px; color: #666;}
#eduSearch .field {margin: 5px 0;}
#eduSearch ul {padding: 8px; margin: 5px 0; background-color: #efefef; width: 370px; border: 1px solid #ccc;}
#eduSearch li { 	
	margin: 0 5px;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	font-size: 12px;
	}
#eduSearch li.sunday { 	
	margin: 0 5px 0 0;
	}
#lblResults h3.pagetitle {font-size:12px; color:#333; margin-bottom:20px;}
div.pagination {padding:4px 10px; text-align:right; display:block; background:#E9F1F8; margin:4px 0; border-top:1px solid #CEE0EF; border-bottom:1px solid #CEE0EF;}
div.pagination select {font-size: 11px;}


/* ===== Videos Page ===== */

div.videos div {width: 158px; padding:10px; margin:10px 10px 0 10px; float:left; display:block;}
div.videos div img.video {padding:4px; border:1px solid #CEE0EF;}
#middleColumn div.videos div p {padding-left:5px; line-height:1.25em;}
#middleColumn div.videos a {border:none;}
#middleColumn div.videos div a:hover {background:none;}


/* ===== SIG Meeting Tables ===== */
table.sigTable {margin-top:20px;}
table.sigTable tr.date {background:#CEE0EF;}
table.sigTable td {padding:6px; border-bottom:1px solid #E9F1F8;}

/* ===== HIMSS Live Blog Feed (on homepage) ===== */

#leftColumn.home div.blogfeed #creditfooter {display:none;}
#leftColumn.home div.blogfeed ul {list-style:none; margin:0; padding:0;}
#leftColumn.home div.blogfeed ul li {margin:0; padding:4px 10px;}


/* ===== Footer ===== */
#footer {
	text-align:center; 
	background: url(../img/footerBG.gif);	
	clear: both;
	width: 950px;
	margin: 0 auto;
	margin-top: 20px;
}

#footer span.footerBtns {}

#footer p {padding: 5px 0px; color:#999; line-height: 1.5em;}
#footer a {text-decoration: none; color: #999;}
#footer p a:hover {border-bottom: 1px dotted #999;}


#advert {
padding: 15px 0px 0px 40px;
border-bottom: none;
}
#advert a {
border-bottom:none;
}

/* ===== Venture Fair ===== */
#venturehome {padding:10px 105px 0px 105px;}
#venturehome p {font-size: 12px; line-height: 18px; }
#venturelist {font-size: 12px; line-height: 18px;
}


div.breadcrumbsvf {padding-top: 5px;font-size: 12px; color: #194280; margin-left: 5px;}
div.breadcrumbsvf a {text-decoration: none; color: #194280; padding: 0px 2px;}
div.breadcrumbsvf a:hover {background: #d7ccb6; color: #194280; border-bottom: 1px dotted #548CC5; }


#venturecontent {float: right; font-size: 12px; line-height: 20px; width: 650px; margin: 0px; padding: 0px 70px 0px 0px;}
#venturecontent h2 {color: #194280;}
#venturecontent h3 {color: #194280; font-size: 13px; line-height: 17px;}
#venturecontent a {color: #194280;}
#venturecontent a img {border: none;}
#venturecontent a:visited img {border: none;}
#venturecontent p {font-weight: normal;}

#ventleft p.date {font-size: 12px; font-weight: bold;}
#ventleft p.bottomi {padding-bottom: 400px;}
#ventleft p.bottome {padding-bottom:850px;}
#ventleft {background: #d7ccb6; float: left; margin: 0px 0px 0px 0px; padding: 10px 10px 100px 10px; width: 185px;}
#ventleft h1 {color: #194280; font-size: 12px; margin-bottom: 5px;}
#ventleft h2 {color: #194280; font-size: 12px; margin-bottom: 4px; margin-top: 12px; padding-bottom: 4px; padding-top: 10px; font-weight: bold; }
#ventleft p {margin: 0px; padding: 0px;}
#ventleft a {color: #194280; }
#ventleft a:hover {color: #194280; }
#ventleft hr {padding: 0px; margin: 0px; width: 100px; color: #666;}
#ventleft a.ventsign {font-size: 12px; }
#wrappervent {
margin-top: 30px;
}




table#highlights {}
table#highlights td {border: 1px solid #7a2727; padding:0;}
table#highlights td h3 {background: #7a2727; color:white; font-size: 11px; padding:10px; text-align:center; margin:0; height: 20px;}
table#highlights td h3 a {color:white; text-decoration:none; line-height:1.25em;}

table#highlights td p {padding: 0px 20px 10px 20px;}
table#highlights a {color: #7a2727; text-decoration: none; border-bottom: 1px dotted #ffffff;}
table#highlights a:hover {text-decoration: none; }