/* 
-----------------------------------------------
  AsiaPac2009
  screen CSS
  design and markup - HIMSS web services
----------------------------------------------- 
		
2009 colors:
		rust:			#d6843b
		medium blue:	#2389c9
		cobalt:			#253b8e
		aqua:			#b2e3e3
		very light aqua:#eefafc
		logo purple:	#45386d
		light green:	#d5ea9d
		
*/


/* 
-----------------------------------------------
  homepage styles
----------------------------------------------- */

#rightColHome { width:250px; float:right; padding-top:10px; }
#leftColHome { width:688px; float:left; padding-top:10px; text-align:left; margin-left:5px; }		
		
/* 
-----------------------------------------------
  Global
----------------------------------------------- */

body {
	background-color: #eefafc;
	color: #333;
	margin: 0;
	padding: 0;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
}
#wrapper {
	background-color: #fff;
	text-align: center; 
	margin: 0px auto; 
	width: 950px; 
	padding: 0px;
	border-style:solid;
	border-color:#253b8e;  
	border-width: 0px 1px 1px 1px;
	/*border-right:1px solid #253b8e; */
}
#header {
	width: 950px;
	height: 150px;
	background: #2389c9 url(../img/header_sm.jpg) no-repeat center;
	clear: both;
	border-bottom:1px solid #253b8e;
	border-top:1px solid #253b8e;
}
h1 {margin:10px; color:#2389c9; font-size:24px;}
h2 {margin:10px; color: #253b8e; font-size:20px;}
h3 {margin:10px; color:#2389c9; font-size:16px;}
/*h4 {margin:10px; color:#253b8e; font-size:14px;}*/
#mainBody h4 {margin:10px; color:#253b8e; font-size:16px;}
h5 {margin:10px; color:#d6843b; font-size:16px;}
p { margin: 10px;}
a {color: #253b8e;}
span.date {color: #2389c9;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.toplinks{float:right; font-weight:bold; margin: 7px; color: #253b8e}
.photo {float: left; padding: 7px; margin:0px 10px 10px 0px; background: white; border: 1px solid #b2e3e3; clear:both; display: inline;}
table.committee {margin-left:10px; border: none}
td.committee , th.committee  {border-bottom: 1px solid #b2e3e3;	padding: 7px;}
th.committee  {background: #2389c9;color: white;}

/* 
-----------------------------------------------
  Footer
----------------------------------------------- */

#footer {
	clear: both;
	font: bold 10px Geneva, Arial, Helvetica, sans-serif;
	color: #253b8e;
	text-align: center;
	/*border-top: 1px solid #2389c9;
	border-bottom: 1px solid #2389c9;*/
	line-height: 1.8em;
	/*background: #fff;*/
	padding: 10px;
}
#footer a {color: #2389c9; text-decoration: none;}
#footer a:hover {color: #000; text-decoration: underline;}


/*-----------------*/
/* top nav styles  */
/*-----------------*/

#topNavContainer {
	width: 950px;
	height: 23px;
	background-color: White;
	padding: 7px 0px 0px 0px; /*border:1px solid #000;
	margin-top: 5px;
	margin-bottom: 1px;*/
	text-align: center;
	clear: both;
	background-image: url(../img/navbar.gif);
	background-repeat: no-repeat;
	color: #fff;
	border-bottom:1px solid #253b8e;
}
#topNavContainer a { 
	/*margin-top: 7px;*/
	padding: 7px 5px; 
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
#topNavContainer a:link
{
	color: #fff;
}
#topNavContainer a:hover
{
	color: #d5ea9d;
	text-decoration:underline;
}

 /*
 -------------------------------
 Right Column
  -------------------------------
 */
 
 
#sideBox {
	background-color: #fff;
	border: 1px solid #253b8e;
	width:200px;
	margin:20px;
}
#sideBox h4, #sideBox h4 a {
	color:#2389c9; 
	background-color:#d5ea9d; 
	margin:0px; 
	padding:4px; 
	text-align:center; 
	font-size:1.2em;
	line-height: 1.25em;
}
#sideBox h4.rvs, #sideBox h4.rvs a {
	color:#b2e3e3; 
	background-color:#253b8e; 
	font-size:1.12em;
	line-height: 1.7em;
}
#sideBox img {text-align:center;} 
/* 
-----------------------------------------------
  Left Nav
----------------------------------------------- */

#leftRail {
	width: 250px;
	text-align: left;
	float: left;
	/*background: #fff url(../img/pg_body_bg.gif) no-repeat top left;*/
	background: transparent none no-repeat;
}
#leftRail ul {
	width:214px;
	margin:20px 14px;
	background-color: #eefafc;
	list-style: none;
	voice-family: "\"}\""; 
	voice-family:inherit;
	padding-left:0px;
	width:214px;
}
#leftRail ul li {
	font-weight: bold;
	color: #2389c9;
	padding: 5px 10px;
	font-size:1em;
	border-bottom: 1px solid #b2e3e3;
	border-left: 1px solid #b2e3e3;
	border-right: 1px solid #b2e3e3;
	background: #eefafc url(../img/subBtnBg.gif) no-repeat bottom;
	}
#leftRail ul li.pdf {		
	background: #f2fcfd url(../img/subBtnBg_pdf.gif) no-repeat bottom;
	}
#leftRail ul li a{
	text-decoration: none;
	color: #2389c9;
}
#leftRail ul li a:hover{
	text-decoration: underline;
	color: #2389c9;
	/*background: #caeaee url(../img/subBtnBg_hov.gif) no-repeat bottom;*/
}
#leftRail ul li.top {
	color: #fff;
	padding-left: 7px;
	background: #2389c9 url(../img/topBtnBg.gif) no-repeat bottom;
	border: 1px solid #2389c9;
}
#leftRail ul li.top a{
	text-decoration: none;
	color: #fff;
}
#leftRail ul li.top a:hover{
	text-decoration: underline;
	color: #fff;
}
#leftRail ul li ul{
background-image: none;	
	margin:5px 0px 0px 0px;
	width: 100%;
	list-style: none;
	border-top:1px solid #b2e3e3;
	}
#leftRail ul li ul li{	
/*background-image: none;*/
background: #f2fcfd url(../img/subBtnBg.gif) no-repeat bottom;
	background-color: #eefafc;
	margin: 0px;
	font-size:1em;
	padding:5px;
	
	}	
#leftRail ul li ul li.pdf{	
background: #f2fcfd url(../img/lev2_li_pdfBG.gif) no-repeat bottom right;
	
	}
	
/* 
-----------------------------------------------
  Edu Session Matrix
----------------------------------------------- */
 
table.sesMatrix {background-color: #999999; margin:10px }
table.sesMatrix td.cellBreak {background-color:#fff;}
table.sesMatrix td.cellDay {
	background-color: #d6843b; font-weight: bold;
}
table.sesMatrix td.cellEdSes {background-color:#EEFAFC; vertical-align: top; width:99px}
table.sesMatrix td.cellTLSes {
	background-color: #b2e3e3;
	vertical-align: top;
}
table.sesMatrix td.cellExhall {background-color:#C094D3;}
table.sesMatrix td.cellHead {background-color:#253b8e; color:#FFFFFF; font-weight:bold; font-size:1.2em; padding:7px}
table.sesMatrix td.cellKey {background-color: #d5ea9d;}
table.sesMatrix td.cellNet {background-color:#2389c9;}
table.sesMatrix td.cellTime {background-color:#CCE892; font-weight:normal}

/* 
-----------------------------------------------
  Education Sessions - tabs
----------------------------------------------- */

ul.edu_sessions {
	margin: 0px;
	padding-left: 0;
	margin-left: 10px;
}
ul.edu_sessions li a{
	text-decoration: none;
	color: #042848;
	background-color: #eefafc;
	border: 1px solid gray;
	padding: 5px 10px;
	text-decoration: none;
	margin: 0px;
	float: left;
	 }
ul.edu_sessions li a:hover {
background-color: #2389c9;
color: #fff;
}
ul.edu_sessions li {
display: inline;
list-style-type: none;
}
.ed_ses_box {
	padding:10px;margin:5px 0px;border-bottom:1px solid gray;
}
#trackHead {
	background-color: #253b8e;
	border:1px solid gray;
	margin:5px 10px 0px 10px;
}
#trackHead H3 {color: #fff; font-size: 1.15em;}

/* 
-----------------------------------------------
 collapsing fields
----------------------------------------------- */

div.vendorEvent { /*border: 1px solid #b2e3e3; border-width: 0px 1px 1px 1px  margin-bottom: 10px;background-color:#eefafc*/}
#mainBody div.vendorEvent h4 {font-size:12px; margin:0px; display: block; color: #253b8e; padding: 10px;}
#mainBody div.vendorEvent h4 a { color: #253b8e; }
div.vendorEvent p {padding-left: 10px;}
div.vendorEvent p.vest {font-weight: bold; color: #2389c9; font-size: 11px;}
div.vendorEvent h4 span.deadline {font-size:11px; font-style:italic; font-weight:normal; text-decoration:none; color:#d6843b}

span.toggle {float:right; font-style:italic; margin-bottom:5px;}
span.toggle a#closeAll {display:none;font-style:italic}
div.vendorEvent div.offerContainer {display:none;/*background-color:#eefafc*/}
div.vendorEvent div.offerContainer p a.closer {display:block; text-align:right; margin:5px;font-style:italic}