@charset "UTF-8";
/*@import url(menu_style.css);*/

/*HA colors:

orange: #ea7125
light grey: #e7e7e8
regular grey: #818285
blue: #005a84

gold: #d5a928
green: #899639
brown: #923e20

*/
body {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	font-size:13px;
	background: #D4D5D6;
	margin: 0;
	padding: 0;
	color: #333;
}

/* ~~ Element/tag selectors ~~ */

.btnStyle
  {
  font-size: 11px;
  color:#fff;
  
  }
select {height:16px; border:1px solid #999; font-size:10px}
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
sup {font-size:.75em;}
#contentboxtitle {font-size:18px; color:#005a84; line-height:normal; font-weight:bold;}
h2 {font-size:1.25em;color:#005a84;}
h3 {font-size:1.15em;color:#005a84;}
h3#CmsContentBox1_headline, h3#CmsContentBox2_headline, h3#CmsContentBox3_headline {margin:0; padding:0 0 0 15px;}

a img { 
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

/* ~~ This fixed width container surrounds all other divs ~~ */
.container {
	width: 950px;
	background: #FFFFFF;
	margin: 0 auto; 
}
img.photo {padding:2px; float:left; margin:5px; border:1px solid #CCC;}

/*Homepage styles*/

#HPnarrow {width:275px; float:left}

#conferenceNews {}
#conferenceNews .himssNews {}
.featurednews {}
#contentboxtitle {}
#HPnarrow h1 {}

#HPwide {width:400px; float:left}
div.logoBG {background:#fff url(../img/HA_newLogo.gif) 10px 25px no-repeat;}
/*global top nav*/
.globalTopNav {/*background-color:#fff; */margin: 10px 0; color:#818285; height:20px; padding-top:10px; text-align:right; /*border-bottom:1px solid #fff*/}
.globalTopNav a {color:#818285; margin:10px auto; font-size:.9em; font-weight:bold; text-decoration:none;}
.globalTopNav a:link, .globalTopNav a:visited {color:#818285; text-decoration:none}
.globalTopNav a:hover,.globalTopNav a:active,.globalTopNav a:focus {text-decoration: underline; color:#005a84}
div.header {background:none;}
/*div.header div img {display:none;}*/


/*HP slideshow:*/
#navBoxes  {padding:5px 30px 0px 0px; background-color:#FFFFFF}
#navBoxes span {float:right; height:15px; width:15px; background-color:#C7DBF2; margin-left:5px;}
#navBoxes span.active { background-color:#0E557F}
#imgBoat {display:none}
#imgTelescope {display:none}
#imgMtn {display:none}
.hide {display:none}


/*top sub nav*/

.subNav {
	background-color:#fff;  
	color:#005a84; 
	padding:5px 0; 
	clear:both;
	margin:0px;
	border-bottom:1px solid #999;
	}
.subNav a {
	color:#005a84; 
	margin:0 10px; 
	font-size:.9em; 
	font-weight:bold; 
	text-decoration:none;
	}
.subNav a:link, .subNav a:visited {color:#005a84; text-decoration:none}
.subNav a:hover,.subNav a:active,.subNav a:focus {text-decoration: underline; color:#818285}




/*page styles*/

.header {
	background: #ffffff; /*border-bottom:1px solid #999; */height:115px; padding:0px; margin:0px
}
#shadowDiv {background:url(../img/subNavShadow.png) top left repeat-x; height:13px}


.sidebar1 {
	float: left;
	width: 175px;
	/*background: #fff;*/
	padding-bottom: 10px;
	
}

.sidebar1 span a{ margin-left:20px; font-size:11px; color:#F63}
.content {

	padding: 0 0 10px 0;
	width: 550px;
	float: left;
}
img#PageContent_PageContent_PublicationImage {width:200px}
.report {margin:20px 0px 20px 50px; clear:both; border-bottom:1px solid #CCC;}
.report a {float:right; width:80px; /*background:#DBE6ED; */padding:5px; /*border:1px solid #999;*/ text-align:center}
.contentBox {
	width:200px;
	min-height:125px; /*border:1px solid #CCC; */
	padding:0 0 5px 0;
	text-align:center;	
}
div.contentBox a:link, div.contentBox a:visited, div.contentBox a:hover, div.contentBox a:active {text-decoration:none;}
div.contentBox span.contentBoxHdr {margin-bottom:10px; height:41px; display:block}
div.contentBox span.contentBoxTxt {font-size:.95em;line-height:normal;}
div.contentBox span.contentBoxHdr a {color:#FFF; line-height:41px; text-decoration:none;}
.sidebar2 {
	float: left;
	width: 225px;
	background: #e7e7e8;
	/*padding: 10px 0;*/
}

.callOut {/*border:1px solid #999;*/ margin:10px; padding:5px;text-align:left; color:#005a84; font-weight:bold}
.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}
.callToAction, a.callToAction:link, a.callToAction:visited, a.callToAction:hover, a.callToAction:active, a.callToAction:focus{
	background-color:#DEEFFE; font-weight:bold; padding:3px; /*border:1px solid #005a84;*/ color:#005a84;
	display:block;
	}
.sidebar2 .quote {font-size:1.25em; }
.sidebar2 .quoted {float:right; font-style:italic; text-align:right}
.content .quote {padding:10px; background-color:#e7e7e8;}


/* ~~ The navigation list styles ~~ */

ul.nav {
	list-style: none; /* this removes the list marker */
	/*border-top: 1px solid #E3EAF0;*/
	margin-bottom: 15px;
}
ul.nav li {
	/*border-bottom: 1px solid #E3EAF0;*/
	font-weight:bold;
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 155px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	/*background: #666;*/
	color:#FFF;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	/*background: #E3EAF0;*/
	color: #fff; text-decoration:underline;
}
ul.nav li ul {
	list-style: none;
	/*border-top: 1px solid #E3EAF0;*/
	margin: 0 0 0 15px;}
ul.nav li ul li{
	/*border-bottom: 1px dotted #CCC;*/
	font-weight:normal;
}
ul.nav li ul li ul{ margin-bottom: 0px;}
ul.nav li ul a, ul.nav li ul a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 140px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	/*background: #fff;*/
	color:#fff;
}
ul.nav li ul a:hover, ul.nav li ul a:active, ul.nav li ul a:focus {
	/*background: #E3EAF0;*/
	color: #fff; text-decoration:underline;
}
ul.nav li.selected>a{background-color:#999;}

/* ~~ The footer styles ~~ */
.footer {
	padding: 10px 0;
	background: #ffffff; border-top:1px solid #999;
	font-size:10px;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 20px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clear {
   clear: both;
}


/*jQuery slider*/

#s3slider { 
   width: 950px; /* important to be same as image width */ 
   height: 226px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 950px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0.0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.0; /* here you can set the opacity of box with text */
   opacity: 0.0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

/*EMRAM Table*/
.EMRAMToggle, .EMRAMToggleUS, .EMRAMToggleCA {margin:0px; padding:5px 15px; color:#0D577C; border:1px solid #005b82; border-bottom:none;float:left; cursor:pointer;}
.EMRAMToggle a, .EMRAMToggleUS a, .EMRAMToggleCA a {color:#0D577C; text-decoration:none; cursor:pointer;}
div#Canada {display:none; border:1px solid #005b82; width:568px; clear:both;}
div#United {border:1px solid #005b82; width:568px; clear:both;}
/*div.regionDiv {display:block; border:1px solid #005b82; width:568px; clear:both;}*/
/*.hide {display:none}*/
table.HPemram {margin:10px; background-color:#FFFFFF; color:#FFF;}
table.HPemram td {line-height:13px; height:25px; vertical-align: middle;}
table.HPemram tr td.EMRAMheader {background:#99a4aa url(../img/EMRAMTable_headerBG.gif) center repeat-y; padding:10px; font-size:1.2em}
table.HPemram th {background-color:#d1d5d8;color:#005a84; font-weight: normal; vertical-align: middle;}
table.HPemram tr.stage0{background-color:#78b3d0}
table.HPemram tr.stage1{background-color:#5aa4c5}
table.HPemram tr.stage2{background-color:#3697ba}
table.HPemram tr.stage3{background-color:#118aaf}
table.HPemram tr.stage4{background-color:#007ea6}
table.HPemram tr.stage5{background-color:#00739d}
table.HPemram tr.stage6{background-color:#006993}
table.HPemram tr.stage7{background-color:#005b82}
table.HPemram tfoot tr{background-color: rgb(255, 255, 255); color: rgb(102, 102, 102); font-size: 10px;}
div#EmramButtons{display: inline;}
div#EmramButtons a {margin:0px; padding:5px 15px; color:#0D577C; border:1px solid #005b82; border-bottom:none;float:left; background-color: White; cursor:pointer;}
div#EmramModels {border:1px solid #005b82; width:568px; clear:both; background-color: White;}