/* Server serves Strict not Transitional ... */

/* **************************************************************** ** 
**  NOTES TO DEVELOPER  											**
**  1) IE < 8 do not understand "inline-block"         				**
**  	therefore, copy class name into the separate css file		**
**   	and apply the fix (in css file)								**
**																	**
**  2) IE < 8 do not fully understand "inherit" .. 					**
**   no quick fix for this. so, simply copy the value(s) .. 		**
**																	**
**	3) To enforce top/bottom margins:								**
**		- add padding 1px to the parent's element 					**
**		- see: http://reference.sitepoint.com/css/collapsingmargins **
**																	**
**																	**
**  4) font-size: http://reeddesign.co.uk/test/points-pixels.html   **
**																	**
** **************************************************************** */

/* *************** */ 
/* basic reset ... */
/* *************** */

html 	{ height: 100%; overflow: scroll; }		/* show scroll-bars */

body 	{ margin: 0 0 1em 0 ; padding: 0 ; }

body	{ font: 0.75em/1.4em arial, tahoma, sans-serif ; }

/* table   { font: 0.75em/1.4em arial, tahoma, sans-serif ; } */	
caption { font: 0.75em/1.4em helvetica, arial, tahoma, sans-serif ; }
th		{ font: 0.75em/1.4em helvetica, arial, tahoma, sans-serif ; }

form 	{ margin-bottom: 0 ; }

/* define font separately - override's user content's font settings - except for colour .. */
font { font: 0.75em/1.4em arial, tahoma, sans-serif ; font-weight: inherit ; }

/* override Domino's Hotspot settings ... */
a font 		{ color: inherit ; font-size: inherit ; text-decoration: inherit ; font-weight: inherit; }
a u 		{ text-decoration: inherit ; }	/* diable the u tag */
a b 		{ font-weight: inherit ; }		/* disable the b tag */

a:focus 	{ outline: none; }	/* remove the dotted border on selection */

table  		{ border-collapse: collapse ; border-spacing: 0 ; }

caption, 
th { 
	text-align: left;
	font-weight: bold ; 
	}

input, 
textarea, 
select {
	font-family:	arial, tahoma, sans-serif ;
	font-size:		inherit;
	font-weight:	inherit;
}

table, tr, td, div, ul, li, p , a { 
	font-size: inherit ; 
	font-family: inherit ; 
	border: 0 ;
}

img { border: 0; }

h1 { font-size:	 225% ; margin: 0.75em  0.75em  0.75em  0 ; padding: 0.375em 0.375em 0.375em 0 ; }
h2 { font-size:	 170% ; margin: 0.70em  0.70em  0.70em  0 ; padding: 0.375em 0.375em 0.375em 0 ; }
h3 { font-size:	 122% ; margin: 0.55em  0.55em  0.55em  0 ; padding: 0.315em 0.315em 0.315em 0 ; }
h4 { font-size:	 114% ; margin: 0.50em  0.50em  0.50em  0 ; padding: 0.25em  0.25em  0.185em 0 ; }
h5 { font-size:	 107% ; margin: 0.45em  0.45em  0.45em  0 ; padding: 0.25em  0.25em  0.125em 0 ; }
h6 { font-size:  100% ; margin: 0.375em 0.375em 0.285em 0 ; padding: 0.25em  0.25em  0.063em 0 ; }


h1, h2, h3, h4 {
	font-family: helvetica, arial, verdana, sans-serif  ;
	font-weight: bold ;
	}
h5, h6 {
	font-family: arial, verdana, sans-serif  ;
	font-weight: bold ;	
	}	

legend 	{ color: #000; }

p  		{ padding: 0 ;  margin: 0.5em 0 1em 0; }


/* ******************* */
/* end basic reset ... */
/* ******************* */


/* ******************** */
/* advanced settings .. */
/* ******************** */

/* IE - bug fix - centre content, then container resets to left ... */
body { text-align: center ; } 

div.divMasterContainer {
	margin: 	0 auto ;
	width: 		960px ;		/* 960 + 40 + 40 = 1040 */
	padding: 	0 40px ;	
	border: 	0 ;
	text-align: left ;
	background: white ;  
	}

/* **************** */
/* * site header  * */
/* **************** */
div.divSiteHeader {
	width: 960px ;
	margin: 0 ;
	padding: 0 ;
	}

table.tblSiteHeader { height: 140px ; }

td.tdLogo {
	width: 80px ;
	vertical-align: top ;
	text-align: left ; 
	padding: 0 ;
	}
td.tdSiteTitle {
	vertical-align: middle ;
	text-align: left ;
	padding: 8px ;
	}
td.tdSiteTitle h1 { margin: 0 ; padding: 0 ; line-height: 1.25em ; font-size: 3em ; }	
td.tdSiteTitle h2 { margin: 0 ; padding: 0 ; line-height: 1.25em ; font-size: 1.9em ; text-transform: uppercase ; font-weight: normal ; }
td.tdSiteTitle a  { text-decoration: none ; }


/* main outline 	*/

div.divOutlineMain {
	margin: 0 ;
	padding: 8px 0 ;
	border-width: 2px 0 ;
	border-style: dotted ;
	}

table.tblMainOutline 	{ 
	width: 100% ;
	margin: 0 ; 
	border-collapse: collapse ;
	}

table.tblMainOutline td { 
	border: 0 ; 
	padding: 2px ; 
	text-align: center ;
	}

table.tblMainOutline a {
	display: block ;
}

table.tblMainOutline a,
table.tblMainOutline a:link ,
table.tblMainOutline a:visited {
	font-weight: bold;
	font-size: 1.8em ;
	line-height: 125% ;
	text-decoration: none;
	}

table.tblMainOutline a.Selected:hover {
	text-decoration: underline ;
	}

/* ********************** */
/* main content container */
/* ********************** */

/* content container */

div.divContainer { 
	width: 960px ;				
	padding: 0 ;	  
	margin: 0 ;
	} 

div.divContainerFooter {
	width: 100%  ;	
	padding: 1px 0 0 0 ;
	margin:  0 ;
	clear: both ; 		 
	}

/* Inner Banner style */
div.divBanner {
	width: 960px ;
	height: 187px ;
	}
	
div.divBanner h1 {
	margin:0 ;
	font-size: 4.5em ;
	padding: 1.5em 0.5em 0.5em 0.5em ;
	}

table.tblContainer {
	width: 960px ; 
	margin: 20px 0 20px 0 ; 
	}

/* side outline */
td.tdOutline { 
	width: 270px ;  			/* 295 - 25px padding  */ 
	vertical-align: top ; 
	border-left-width: 1px ;
	padding: 0 0 0 25px ;
} 
div.divSubOutline {
	border-width: 0 ;
	padding: 0 0 1em 0 ; 
	margin: 0 ;	
}

div.divSubOutline ul ,
div.divSubOutline ul li {
	width: 100% ;
	}

div.divSubOutline ul {
	border-style: dotted ;
	border-width: 2px 0 0 0 ;
	}
div.divSubOutline ul li {
	border-style: dotted ;
	border-width: 0 0 2px 0 ;
	}

div.divSubOutline ul ,
div.divSubOutline ul li {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
}

div.divSubOutline ul li a , 
div.divSubOutline ul li a:link , 
div.divSubOutline ul li a:visited , 
div.divSubOutline div.divEmptyBox {
	display: block ;
	padding: 9px 10px 10px 9px ;
	margin: 0 ;
	border: 0 ; 
	font-weight: bold ;
	font-size: 1.75em ;
	text-decoration: none ;
}

div.divSubOutline ul li a:hover {
	text-decoration: underline ;
	}
	
div.divAdditionalLink {
	text-align: center ;
}
	
	
/* general content styles */
	
td.tdContent {
	/* no width - specified as td.widthColumn..... */
	vertical-align: top ; 
	border: 0 ; 
	} 

td.widthColumnSmall		{ width: 625px ; } 		/* 960 - tdOutline - padding */
td.widthColumnMedium	{ width: 625px ; }		/* 960 - tdOutline - padding ; Not used on HR Summit 2011 website */
td.widthColumnLarge		{ width: 960px ; }		/* 960 .. no tdOutline .. no imageColumn */

td.widthColumnSmall ,
td.widthColumnMedium ,
td.widthColumnImage	,
td.tdImage { 
	padding: 12px 40px 10px 0 ; 
	}
td.widthColumnLarge {
	padding: 12px 0 10px 0 ;
	}

td.tdContent h1, 
td.tdContent h2, 
td.tdContent h3, 
td.tdContent h4, 
td.tdContent h5, 
td.tdContent h6 {
	font-family: inherit ; 
	font-weight: bold ;
  	padding: 0.25em 0.5em 0.3em 0 ;  
  	margin: 0.75em 0 0 0 ;
} 

td.tdHeadingContent {
	vertical-align: top ;
	padding-top: 0px;
	}

td.tdHeadingContent h1 {
	line-height: 125%;
	margin: 0 ;
	padding: 0 0 10px 0  ;
	border-bottom-width: 2px ;
	border-bottom-style: dotted ; 
	font-size: 1.85em ;
	}
 
p 				{ margin: 1.0em  0     0      0   ; padding: 0 ;  }
ul , ol 		{ margin: 0.75em 0.5em 0.25em 0.5em ; }
ul li , ol li 	{ padding-bottom: 0.35em ; }


td.tdContent div.divViewContent { margin-top: 1em ; }

td.tdContent div.divViewContent h2 {
   background: none ;
   border: 0 ;
   font-size: 14px ;
}

td.tdContent div.divViewContent h3 	{ padding-left: 0.5em ; }
td.tdContent div.divViewContent h5 	{ margin-bottom:0 ; }
td.tdContent h5.Category 			{ padding: 0.5em ; font-size: 109% ; }
td.tdContent h6.Title    			{ padding: 0; margin-top:0 ; }
td.tdContent div.divViewContent p 	{ margin-top: 0; }
td.tdContent div.divViewContent p.pressBodyText { padding-bottom: 1em; border-bottom-width: 1px ; }

div.divItem 		{ margin-top: 1em ; border-width: 1px ; }
div.divItem div 	{ padding: 0.5em 0.5em ; }

td.tdContent table 	{ border-width: 1px ; border-collapse: collapse ; }
td.tdContent table 	{ width: 100% ; } 
td.tdContent th 	{ padding: 0.5em 0.75em ; border-width: 1px ; }
td.tdContent td 	{ padding: 0.5em 0.75em ; border-width: 1px ; }

td.tdContent div.divNoBordersOnTables table 		{ border-width: 0 ; } 
td.tdContent div.divNoBordersOnTables table tr td	{ border-width: 0 ; }
td.tdContent table.tblNoBorders						{ border-width: 0 ; } 
td.tdContent table.tblNoBorders td 					{ border-width: 0 ; } 

td.tdContent table.tblCategory tr td 			{ padding: 1em 0 ; }
td.tdContent table.tblCategory tr td.tdTxt 		{ vertical-align: top ; padding-left: 1em ; }
td.tdContent table.tblCategory tr td.tdImg  	{ vertical-align: top ; width: 85px ; }
td.tdContent table.tblCategory tr td.tdNB 		{ border: 0 ; }
td.tdContent table.tblCategory tr td.tdTxt h6 	{ margin: 0 ; padding:0 ; }


/* agenda page - override std settings */
td.tdContent table.tblAgenda td 		{ color: black ; border-width: 0 ; padding: 10px ; }
td.tdContent table.tblAgenda td div 	{ color: black ; }


/* photo gallery - 3 x panels */
div.div_PhotoBox {
	border: 1px solid #CCCCCC;
	float: left;
	margin-bottom: 1em;
	/*margin-right: 5px;*/
	margin-right: 15px ;
	/*width: 209px;*/
	width: 293px;
}
div.div_PhotoBox div {
	/*padding: 4px;*/
	padding: 6px;
	text-align: center;
}
div.div_PhotoBox p {
	margin: 0.25em 0.5em;
	padding: 0;
	text-align: left;
}

/* FAQ */

div.divFAQ,
div.divFAQ_A {
	/*border-bottom-width: 1px ;*/
}
	
table.tblFAQ td,
table.tblFAQ_A td {
	text-align: left ;
	padding-left: 0 ;
	}
	
table.tblFAQ_A {
	margin-bottom: 1em ;
}

table.tblFAQ tr td.tdTxt,
table.tblFAQ_A tr td.tdTxt {
	vertical-align: middle ;
	}
	
table.tblFAQ tr td.tdImg,
table.tblFAQ_A tr td.tdImg {
/*text-align:center;*/
	width:43px;
}


/* events */

div.divEventBasicInfo {
	padding-bottom: 1.25em ;
	margin-bottom:  1em ;
	border-width: 0 0 1px 0 ;
}

div.divEventBasicInfo td {
	padding: 0 ;
}

div.divEventBasicInfo p {
	padding-bottom: 0 ;
	margin-bottom: 0 ;
	padding-left: 1.5em ;
	margin-left:  1.5em ;
	border-left:  1px dotted #CCCCCC ;
}

div.divEventBasicInfo img 	{ border: 1px solid #CCCCCC ; }
table.tblCategory img 		{ border: 1px solid #CCCCCC ; padding: 1px; }

td.td_Date {
  border-color: #CCCCCC ;
  border-style: solid ;
  border-width: 1px 0 1px 1px ;
  padding: 13px 10px;
  text-align: center;
  vertical-align: top ;
  width: 40px;
}
td.td_Article {
  border-width: 1px 1px 1px 0 ;
  border-color: #cccccc ;
  border-style: solid ;
  padding: 9px 9px ;
  vertical-align: top ;
}

table.tbl_CalBox {
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
  width: 40px;
}
table.tbl_CalBox td.td_CalMonth {
  font-weight: bold;
  text-align: center;
  padding: 3px 5px ;
}

table.tbl_CalBox td.td_CalDay {
  text-align: center;
  padding: 3px ;
}

table.tblInput tr td.tdb {
  vertical-align: middle ;
}

table.tblInput tr td.txttop {
  vertical-align: top ;
  padding-top: 0.85em ;
}

	
/********************/	
/* Speaker profiles */	
/********************/

div.divSpeakerBox			{ float: left ; width:100% ;  margin: 0 0 1em 0 ; padding: 1em 0 0 0 ; border-top: 1px dotted #006699 ; }
div.divSpeakerPhoto 		{ float: left ; width: 75px ; margin: 0 ; padding: 0 ; text-align: left ; }
div.divSpeakerPhoto img		{ width: 73px ; border-width: 1px ; border-style: solid ; border-color: #CCCCCC #AAAAAA #AAAAAA #CCCCCC ; }
div.divSpeakerInfo			{ margin-left: 90px ; }
div.divSpeakerName 			{ padding: 0 ; text-align: left ; }
div.divSpeakerJobCompany 	{ padding: 0 0 5px 0 ; text-align: left ; }
div.divSpeakerText		 	{ padding: 0 0 5px 0 ; text-align: left ; }
div.divSpeakerLink			{ padding: 0 0 5px 0 ; }

div.divSpeakerName 			{ text-transform: uppercase ; color: #006594 ; font-weight: bold ; }
div.divSpeakerJobCompany	{ color: #8e1227 ; font-weight: bold ; }
div.divSpeakerText		 	{  }


/* footer table */

div.divFooter { 
	margin: 0 ;
	padding: 1px 0 1px 0 ;
	width: 960px;	
	}
div.divFooter td { vertical-align: top ; }	

table.tblFooterSponsors { margin: 10px  0 ; }
table.tblFooterContent 	{ margin: 10px 0 ; width: 960px;}

table.tblFooterSponsors tr td 	{ font-size: 95% ; border-style: dotted ; }	
	
table.tblFooterSponsors td.tdFooterSponsorMain			{ width: 478px ; border-width: 2px 2px 2px 0 ; padding: 10px 10px 10px 0 ; } 	/* 490 - 2 - 10 */ 
table.tblFooterSponsors td.tdFooterSponsorAssociation 	{ width: 430px ; border-width: 2px 0   2px 0 ; padding: 10px 10px 10px 30px ; }	/* 470 - 0 - 10 - 30 */
table.tblFooterSponsors td.tdFooterSponsorAssociation img { margin-right: 30px ; }

td.tdSiteInfo 			{ font-size: 95% ; width: 450px ; }
td.tdSitePages			{ font-size: 95% ; text-align: right ;  }

div.divSiteInfoNetwork 			{ text-align: right ; }
div.divSiteInfoNetwork iframe 	{ width: 150px !important ; text-align: right ; }


/* other generic styles */

.nb  {  border: 0 ; }
.nbg { background: none ; }
.alignRight { text-align:right ; padding-right: 0.75em ;  }

.tdb { font-weight: bold ; }
.tdc { text-align: center ; }

.required { color: red ; }

.label { font-weight: bold ; }

.NoDocumentsFound { margin: 3em 5em ; }


/* basic input styles */

input , textarea {
  background:#FFFFFF;
  color: #000000 ;
  border: 1px solid #CCCCCC;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 100%;
  padding:0.5em;
  margin-top: 2px ;
}

/* input { height: 2.5em ; } */ 
textarea { height: 8em ; } 

div.divContainer input.radio {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	height: 1.25em;
}

textarea.largeBox  { width: 450px ; height: 300px ; }
textarea.mediumBox { width: 450px ; height: 150px ; }

table.tblInput textarea.largeBox  { width: 450px ; height: 300px ; }
table.tblInput textarea.mediumBox { width: 450px ; height: 150px ; }
table.tblInput textarea.smallBox  { width: 450px ; height: 50px ; }



/* other */

div.divPortraitBox {
	width: 158px ;
	height: 178px ;
	margin-left: 8px ;
	margin-bottom: 7px ;
	}

div.divPortraitBox img {
	margin: 9px ;
}

div.divPortraitText {
	width: 150px ;
	height: 101px ;
	margin-left: 8px ;
	margin-bottom: 6px ;
	margin-right: 4px ;
	float: right ; 
	}
div.divPortraitText div {
	font-size: 8pt ;
	line-height: 135% ;
	}

div.divPortraitText div.divTextLinesDouble {
	padding: 10px 12px ;
	}
div.divPortraitText div.divTextLinesSingle {
	padding: 17px 6px ;
	text-align: center ;
	}


div.divPressArticles h5 {
	padding-top: 0 ;
	margin-top: 0 ;
	}
div.divPressArticles p {
	margin-bottom: 6px ;
	}	


div.divPrintBar {
	margin-top: 13px ;
	border-top-width: 1px ;
	border-style: dotted ;
	padding: 13px 0 13px 0 ;
	clear: both ;
	float: none ;
	}	

a.linkPrint {
	padding: 10px 10px 10px 37px ;
	}