/* Master CSS file for ISDC 2012 website Copyright Yohon Lo, HAL5, unless noted in the CSSBased on ISDC 2011 and HAL5 website */ /* start of ipad/mobile device profile */@media only screen and (orientation:landscape) {body {	width:1024px;	max-width:1024px;    }#side-left {	width: 205px;	}#side-middle { 	width: 800px;	}table.paperlist{ width:775px;}th.col_3{width: 480px;} }@media only screen and (orientation:portrait) {body {	width:768px;	max-width:768px;}#side-left {	width: 205px;	}#side-middle { 	width: 545px;	}table.paperlist{ width:520px;}th.col_3{width: 230px;} }/* end of specific ipad/mobile device profile. IE css additional */div.scroll {height: 800px;width: 100%;overflow: auto;border: 1px solid #ccc;padding: 0px;}hr	{text-align:center;}hr.bar{width: 70%;margin:0 auto;height:1px;color:#996633;background-color:#996633;border:none;}hr.clear{width: 100%;margin:0 auto;height:2px;color:#ffffff;background-color:#ffffff;border:none;}#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {color:#000000 !important;font-size:11px;}img { -ms-interpolation-mode: bicubic }html { font-size: 62.5%; } body {	background:#FFFFFF;	margin: 0px;	padding: 0px;}#wrapper {	text-align: left;	margin: 0px auto;	padding:0px;	border: none;	background:#ffffff;}#side-left {	float: left;	position:relative;	border: none;	padding:0px;	margin: 0px 0px 0px 1px;	background:#ffffff;    word-wrap: break-word; /* fix for long ... IE */    overflow: hidden;     /* fix for ... float */    text-align:left;}#side-middle { 	padding:2px;	margin: 0px 8px 0px 0px;/*	background:#ffffff; */	float: left;	border: 1px solid #CCCCCC;	height: 1% /* Holly hack for Peekaboo Bug */    -moz-border-radius:6px;    -webkit-border-radius:6px;	border-radius:6px;}#header {	margin: 0 0 5px 0;	background: none;}/* internernal word padding inside main */#side-middle p {padding:10px;}      table.paperlist{ text-align: left;font-family: Arial, Helvetica, sans-serif;font-weight: normal;font-size:12px;font-size:1.2rem; color: #000000;background-color: #ffffff;border-collapse:collapse;border: 1px solid #CCCAAA;margin: 5px 5px 5px 5px;font-family: Arial, Helvetica, sans-serif;padding: 3px;/* width is defined in the auto-rotate @media tag */}table.paperlist th, table.paperlist td {padding: 3px;}table.paperlist th {color: #ffffff;background-color:#004080;}table.paperlist tr:nth-of-type(odd) td{ background-color:#99CCFF;}​table.paperlist th.col_1, table.paperlist col_2{width: 90px;} /* th.col_3 is defined in the auto-rotate @media tag */table.paperlist th.col_4{width: 70px;} table.paperlist th.col_5{width: 50px;} #navbar {	margin: 0px 0px 0px 0px;	border: 0px;	background:#ffffff;    float:left;	position:relative;    padding:10px 0 0px 5px;    text-align:left;    word-wrap: break-word; /* fix for long ... IE */    overflow: hidden;     /* fix for ... float */   }    #nav {	width: 185px;}#nav, #nav ul, #nav li {	margin: 0;	padding: 0;	list-style: none;}#nav a {	display: block;	height:1.4em;	width: 100%;	padding: 5px;	text-decoration: none;	font-size:13px;	font-size:1.3rem;	font-weight:bold;	font-family: "lucida grande", arial, sans-serif; }/* menu default look. Button */#nav a.span {    color: #FFFFFF;	background-color: #153889;	position: relative;}#nav a.span:hover {    color: #FFFFFF;	background-color: #D12227;}#nav a.span img {	position: absolute;	top: 5px;	right: 6px;	border: 0;}#nav li {    border: 1px solid #ffffff;	clear: both;}#nav li ul li {	border: none;}#nav li ul li a {    color: #000000;    background-color: #6699CC;	text-decoration: none;	font-size:13px;	font-size:1.3rem;	font-weight:normal;	font-family: arial, sans-serif; 	text-indent: 10px;}#nav li ul li a:hover {    color: #ffffff;    background-color: #D12227;}#footer {clear:both;/*	overflow: auto;	width: 100%; */	border: 1px;	text-align: center;    padding: 1px 1px 1px 1px;	background-color: #ffffff; 	font-size: 10px;	color:#000000;}div.centercontent {	display: inline-block;}   /* CSS for multi columns layout end */    a { outline: 0;}a:link {  color:  #D12227;  background-color: transparent ;  text-decoration: none ;}a:hover, a:focus {  color: #999999 ;  background-color: transparent;  text-decoration: underline ;  outline: none; }a:visited {  color: #D12227;  background-color: transparent ;  text-decoration: none ; } a.regbutton {	background: url(images/clicktoregister-off.html);	background-repeat: no-repeat;	background-color: transparent;	width: 224px;	height: 50px;	display: block;}a.regbutton:hover {	background: url(images/clicktoregister-on.html);	background-repeat: no-repeat;	background-color: transparent;	width: 224px;	height: 50px;	display: block;}a.regbutton:active {	background: url(images/clicktoregister-on.html);	background-repeat: no-repeat;	background-color: transparent;	width: 398px;	height: 93px;	display: block;}table.simple{ text-align: left;font-family: Arial, Helvetica, sans-serif;font-weight: normal;font-size:14px;font-size:1.4rem;line-height:16px;line-height:1.6rem;color: #000000;background-color: #ffffff;border: 1px solid #cccccc;border-spacing: 0px;border-collapse:collapse;}.simpleHEADER{ padding:5px 2px 4px 2px; text-align: center;font-size: 14px;font-weight: bold;color: #ffffff;background-color:#153889;border: 1px solid #153889;border-spacing: 0px;}table.speakers{ padding-top:10px; padding-right:2px; padding-bottom:2px; padding-left:5px; text-align: Left;font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #000000;width: 540px;border: none;}.speakersCOLUMN{ padding-top:2px; padding-right:2px; padding-bottom:2px; padding-left:2px; text-align: Left;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;width: 220px;border: none;}.figure {  float: right;  border: 1px #515151 solid;  margin: 0px 10px 0px 10px;  padding: 1px 1px 1px 1px;  background: #FFFFFF;}.figure p {  text-align: center;  font-family: Arial, Helvetica, sans-serif;  font-size: 10px;  margin: 0px 0px 0px 0px;  text-indent: 0;}.figure2 {  float: left;  border: 1px #515151 solid;  margin: 0px 10px 0px 10px;  padding: 1px 1px 1px 1px;  background: #FFFFFF;}H1 {	font-size: 18px;	margin: 5px 0 5px 0;	font-family: Arial, Helvetica, sans-serif;	text-align: center;}H2 {	font-size: 16px; 	font-family: Arial, Helvetica, sans-serif;	color: #002D3C;	margin: 5px 0 5px 0;	text-align: center;	}H5 {	font-size: 14px; 	margin: 5px 3px 10px 10px;	font-family: Arial, Helvetica, sans-serif;	font-weight: Bold;	Color: #D12227;	line-height: 16px;		text-align: left;}H5.pagedivider{	border:none; 	background:#333366; 	color:#ffffff; 	padding: 4px 4px 4px 0; 	text-align:center; 	font-size: 12px; 	margin: 5px 3px 10px 10px;	font-family: Arial, Helvetica, sans-serif;	font-weight: Bold;}H5.pagedividerspeaker{	border:none; 	background:#CCCCFF; 	color:#000000; 	margin: 0;	padding: 5px 3px 5px 5px;	text-align:center; 	font-size: 12px; 	font-family: Arial, Helvetica, sans-serif;	font-weight: Bold;	width:540px;}H5.halfdivider{	border:none; 	background:#333366; 	color:#ffffff; 	padding: 4px 0 4px 0; 	text-align:center;     border: none;	width:270px;	font-size: 12px; 	margin: 0 0 0 6px;	font-family: Arial, Helvetica, sans-serif;	font-weight: Bold;}h5.pagedivider2{	border: none; 	background:#153889;	color:#ffffff; 	font-family: Arial, Helvetica, sans-serif;	font-weight: Bold;	font-size:15px;	font-size:1.5rem;	line-height:18px;	line-height:1.8rem;	font-family: Arial, Helvetica, sans-serif;	text-align:left;	padding:4px 0 4px 4px; 	margin: 0 10px -10px 10px; }p {	font-size:14px;	font-size:1.4rem;	line-height:18px;	line-height:1.8rem;	margin: 6px 0 5px 0;	font-family: Arial, Helvetica, sans-serif;	color: #000000;	text-align:left;}p.center {	text-align:center;}p.indent {	text-align:left;	margin: 0 20px 0 20px;}small {	font-family: Arial, Helvetica;	font-size: 10px;	margin: 10px 0px 0px 1px;	color: #000000;	text-align: left;}small.medblue {	font-family: Arial, Helvetica;	font-size: 12px;	margin: 10px 0px 0px 1px;	color: #blue;	text-align: left;}p.second {	margin: 1px 1px 1px 1px;	font-family: Arial, Helvetica;	font-size: 12px;	color: #000000;	font-weight: normal;	text-align: center;}p.third {	margin: 1px 1px 1px 1px;	font-family: Arial, Helvetica;	font-size: 12px;	color: #000000;	font-weight: bold;	text-decoration:underline;	text-align: center;}p.four {	margin: 1px 1px 1px 10px;	font-family: Arial, Helvetica;	font-size: 14px;	color: #000000;	font-weight: normal;	text-decoration:None;	text-align: left;	line-height:20px;}p.tab {	margin: -20px 0px 0px 20px;	font-family: Arial, Helvetica;	font-size: 12px;	line-height: 15px;	color: #000000;	font-weight: normal;	text-align: left;}#w3cref {	font-size: 10px; 	font-family: Arial, Helvetica, sans-serif;	color: #000000;	text-align: center;	font-weight: normal;	line-height: 1em;}img.floatLeft {     float: left;     margin: 5px;    padding:1px;}img.floatRight {     float: right;     margin: 4px;     padding:1px; }img.floatRightNone { 	border: none;    float: right;     margin: 4px;     padding:4px; }.img_left{	margin:					0 8px 1px 0;	padding:				0;	border:					2px #FFFFFF solid;}.img_cntr{	display: block;	margin-left: auto;	margin-right: auto;	border: 0; }/* picture frame with caption */.picture { background-color: #fff; border: 1px solid #3B7897; padding: 2px; font-size: 10px; font-family: Arial, sans-serif; text-align: center; color: #663300;} .picture img { border: 1px solid #fff; vertical-align:middle; margin-bottom: 4px; } .right { margin: 5px 5px 5px 5px; float:right; } .left { margin: 5px 5px 5px 5px; float:left; } .picture img { border: 0px; vertical-align:middle; margin-bottom: 4px; } .none { margin: 5px 5px 5px 10px; float:right; } /* padding only */.buffer { background-color: #F9F8EE; border: 1px solid #F9F8EE; padding: 4px; font: 9px Arial, sans-serif; text-align: center} .buffer img { border: 1px solid #F9F8EE; vertical-align:middle; margin-bottom: 4px; } .right { margin: 5px 5px 5px 10px; float:right; } .left { margin: 5px 10px 5px 5px; float:left; } ul.links  {	font-family: Arial, Helvetica,sans-serif;	color: #000000;	text-align: left;	font-size:14px;	font-size:1.4rem;	line-height:18px;	line-height:1.8rem;}ul.links li {	font-family: Arial, Helvetica,sans-serif;	text-align: left;}ul.links ul {	font-family: Arial, Helvetica,sans-serif;	text-align: left;}ul.links ul li {	font-family: Arial, Helvetica,sans-serif;	text-align: left;	list-style: circle;}ul.themes  {	font-family: Arial, Helvetica,sans-serif;	text-align: left;	font-size:14px;	font-size:1.4rem;	line-height:18px;	line-height:1.8rem;}ul.themes li {	font-family: Arial, Helvetica,sans-serif;	text-align: left;	line-height: 18px;	font-size: 12px;}ul.themes ul {	font-family: Arial, Helvetica,sans-serif;	text-align: left;	line-height: 20px;	font-size: 12px;}ul.themes ul li {	font-family: Arial, Helvetica,sans-serif;	text-align: left;	font-size: 12px;	line-height: 18px;	list-style: circle;}ul.themes ul li ul {	font-family: Arial, Helvetica,sans-serif;	text-align: left;	line-height: 18px;	font-size: 12px;}a.buttonmediumblue {				font-family: calibri, arial, serif;				font-size:20px;				color:#ffffff;				text-decoration:none;				display:block;				width:300px;				padding:10px;				border:1px solid #DDD;				text-align:center;				-moz-border-radius:5px;				-webkit-border-radius:5px;				-o-border-radius:5px;				border-radius:5px;				background:#4195DD;				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4195DD), to(#003C82));				background:-moz-linear-gradient(0% 90% 90deg, #003C82, #4195DD);				-webkit-transition: all .4s ease-in-out;				-moz-transition: all .4s ease-in-out;				-o-transition: all .4s ease-in-out;				transition: all .4s ease-in-out;			}			a.buttonmediumblue:hover {				color:#ffffff;				border-color:#006600;				background:#4195DD;				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#006600), to(#669933));				background:-moz-linear-gradient(0% 90% 90deg, #669933, #006600);			}			a.buttonmediumblue:active {				color:#ffffff;				background:#FFFFFF;				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#669933), to(#006600));				background:-moz-linear-gradient(0% 90% 90deg, #006600, #669933);			}			a.buttonmediumblue.notransitions {				-webkit-transition: none;				-moz-transition: none;				-o-transition: none;				transition: none;			}a.buttonmediumgray {				font-family: calibri, arial, serif;				font-size:20px;				color:#000;				text-decoration:none;				display:block;				width:300px;				padding:10px;				border:1px solid #DDD;				text-align:center;				-moz-border-radius:5px;				-webkit-border-radius:5px;				-o-border-radius:5px;				border-radius:5px;				background:#FFFFFF;				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEE));				background:-moz-linear-gradient(0% 90% 90deg, #EEE, #FFF);				-webkit-transition: all .4s ease-in-out;				-moz-transition: all .4s ease-in-out;				-o-transition: all .4s ease-in-out;				transition: all .4s ease-in-out;			}			a.buttonmediumgray:hover {				color:#fff;				border-color:#3278BE;				background:#4195DD;				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4195DD), to(#003C82));				background:-moz-linear-gradient(0% 90% 90deg, #003C82, #4195DD);			}			a.buttonmediumgray:active {				background:#4195DD;				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#003C82), to(#4195DD));				background:-moz-linear-gradient(0% 90% 90deg, #4195DD, #003C82);			}			a.buttonmediumgray.notransitions {				-webkit-transition: none;				-moz-transition: none;				-o-transition: none;				transition: none;			}a.buttonnavblue {				font-family: calibri, arial, serif;				font-size:13px;				color:#ffffff;				text-decoration:none;				display:block;				width:170px;				padding:5px;				border:1px solid #003C82;				text-align:center;				-moz-border-radius:5px;				-webkit-border-radius:5px;				-o-border-radius:5px;				border-radius:5px;				background:#003C82;				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4195DD), to(#003C82));				background:-moz-linear-gradient(0% 90% 90deg, #003C82, #4195DD);				-webkit-transition: all .4s ease-in-out;				-moz-transition: all .4s ease-in-out;				-o-transition: all .4s ease-in-out;				transition: all .4s ease-in-out;			}			a.buttonnavblue:hover {				color:#ffffff;				border-color:#669933;				background:#669933;				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#006600), to(#669933));				background:-moz-linear-gradient(0% 90% 90deg, #669933, #006600);			}			a.buttonnavblue:active {				color:#ffffff;				background:#669933;				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#669933), to(#006600));				background:-moz-linear-gradient(0% 90% 90deg, #006600, #669933);			}			a.buttonnavblue.notransitions {				-webkit-transition: none;				-moz-transition: none;				-o-transition: none;				transition: none;			}a.buttonwideblue {				font-family: calibri, arial, serif;				font-size:20px;				color:#ffffff;				text-decoration:none;				display:block;				width:500px;				padding:8px;				border:1px solid #DDD;				text-align:center;				-moz-border-radius:5px;				-webkit-border-radius:5px;				-o-border-radius:5px;				border-radius:5px;				background:#4195DD;				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4195DD), to(#003C82));				background:-moz-linear-gradient(0% 90% 90deg, #003C82, #4195DD);				-webkit-transition: all .4s ease-in-out;				-moz-transition: all .4s ease-in-out;				-o-transition: all .4s ease-in-out;				transition: all .4s ease-in-out;			}			a.buttonwideblue:hover {				color:#ffffff;				border-color:#006600;				background:#4195DD;				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#006600), to(#669933));				background:-moz-linear-gradient(0% 90% 90deg, #669933, #006600);			}			a.buttonwideblue:active {				color:#ffffff;				background:#FFFFFF;				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#669933), to(#006600));				background:-moz-linear-gradient(0% 90% 90deg, #006600, #669933);			}			a.buttonwideblue.notransitions {				-webkit-transition: none;				-moz-transition: none;				-o-transition: none;				transition: none;			}