@charset "utf-8";

/* CSS Document */



* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin: 0 auto;

  max-width: 1500px;

}



body {

  padding: 20px 15%;

  font-family: Verdana,Arial,sans-serif;

  font-size: 12px;

}



img {

    /*width: 100%;*/

    height: auto;

	max-width: 1200px;

	min-width: 320px;

	display: inline-block;

}



#wrapper img {

  min-width: 70px;

  max-height: 24px;

  margin-top: 5px;

}



form {

	background-color:#EEF2F8;

	padding: 10px 5px 5px;

	border-color: #ccc;

    border-style: solid;

    border-width: 1px;

}



form header {

  margin: 0 0 20px 0; 

}

form header div {

  font-size: 90%;

  color: #999;

}

form header h2 {

  margin: 0 0 5px 0;

}

form > div {

  clear: both;

 /* overflow: hidden; */

  padding: 5px 1px 1px;

  margin: 0 0 10px 0;

}

form > div > fieldset > div > div {

  margin: 0 0 5px 0;

}

form > div > label,

legend {

  width: 25%;

  float: left;

  padding-right: 10px;

  <!--white-space: nowrap;-->

}

form > div > div,

form > div > fieldset > div {

  width: 75%;

  float: right;

}

form > div > fieldset label {

	font-size: 90%;

}

fieldset {

  border: 0;

  padding: 0;

  margin: 0;

}



input[type=text],

input[type=email],

input[type=url],

input[type=password],

textarea {

	width: 100%;

  border-top: 1px solid #ccc;

  border-left: 1px solid #ccc;

  border-right: 1px solid #eee;

  border-bottom: 1px solid #eee;

  font-family: Verdana,Arial,sans-serif;

  font-size: 13px;

}



select {

	 font-size: 13px;

}



input[type=submit] {

	float:right;

}



input[type=button] {

	float:right;

}



input[type=text],

input[type=email],

input[type=url],

input[type=password] {

  width: 50%;

}

input[type=text]:focus,

input[type=email]:focus,

input[type=url]:focus,

input[type=password]:focus,

textarea:focus {

  outline: 0;

  border-color: #4697e4;

}



@media (max-width: 600px) {

  form > div {

    margin: 0 0 15px 0; 

  }

  form > div > label,

  legend {

	  width: 100%;

    float: none;

    margin: 0 0 5px 0;

  }

  form > div > div,

  form > div > fieldset > div {

    width: 100%;

    float: none;

  }

  input[type=text],

  input[type=email],

  input[type=url],

  input[type=password],

  textarea,

  select {

    width: 100%; 

  }

}

@media (min-width: 1200px) {

  form > div > label,

	legend {

  	text-align: right;

  }

 

  body {

    font-size: 12px;

  }

  textarea {

	font-size: 12px;

  }

  select {

	 font-size: 12px;

  }

  

}



.nav {

	margin-top: 5px;

}



.nav ul {

  list-style: none;

  <!--background-color: #385b95;-->

  text-align: left;

  padding: 0;

  margin: 0;

  margin-left:0px;

}

.nav li {

  font-family: Verdana,Arial,sans-serif;;

  font-size: 1.2em;

  line-height: 40px;

  height: 40px;

  border-bottom: 1px solid #888;

  border-left: 1px solid #ccc;

  border-right: 1px solid #ccc;

  border-top: 1px solid #ccc;

  text-align:center;

}





.nav a {

  text-decoration: none;

  color: #444;

  display: block;

  transition: .3s background-color;

  

}

 

.nav a:hover {

  background-color: #385b95;

  color: #fff;

  height:40px;

}

 

.nav a.active {

  background-color: #eef2f8;

  color: #385B95;

 <!-- font-weight:bold;-->

  cursor: default;

  border-bottom: 1px solid #eef2f8;

  height:40px;

}





.ital {

	font-style:italic;

}

 

@media screen and (min-width: 600px) {

  .nav li {

    width: 150px;

    border-bottom: none;

    height: 25px;

    line-height: 20px;

    font-size: 12px;

  }

 

  .nav li {

    display: inline-block;

    margin-right: 2px;

  }

  

 

 .nav a.active {

  height:25px;

 }

 

 .nav a:hover {

  height:25px;

 }

 

}



.counter {

    background-color: transparent;

    border: medium none;

}



.



#footer {

  color: #5d79a7;

  font-size: 85%;

  padding-top: 10px;

  text-align: center;

}



#formAuthors {

	display: none;

}









ul {

	margin-top:10px;

	margin-bottom:10px;

}









#page-wrap {

	margin: 50px;

}

p {

	margin: 20px 0; 

}



	/* 

	Generic Styling, for Desktops/Laptops 

	*/

	table { 

		width: 100%; 

		border-collapse: collapse; 

		table-layout:fixed;

		word-wrap:break-word;

	}

	/* Zebra striping */

	tr:nth-of-type(odd) { 

		background: #eee; 

	}

	th {white-space: nowrap;

		background: #333; 

		color: white; 

		font-weight: bold; 

		font-size:10px;

	}

	

	td, th {vertical-align:top; 

		padding: 6px; 

		border: 1px solid #ccc; 

		text-align: left;

		font-size:10px; 

		

	}







.padIt {

	padding-top:

}





.sides{

margin:0;

}

.left{

float:left;

width:25%;

overflow:hidden;

font-weight:bolder;

padding-bottom:10px;

}

.right{

float:left;

width:75%;

overflow:hidden;

padding-bottom:10px;

} 



.whole{

float:left;

width:100%;

/* overflow:hidden;  */

/* font-weight:bolder; */

padding-bottom:10px;

}

.aRow {
	background-color: #afc0da;
    display: list-item;
	list-style: outside none none;
    padding: 5px;
}

.innerRow {
	background-color: white;
    display: list-item;
	list-style: outside none none;
    padding: 5px; 
}

.sessTitle {
	display: inline-block;
}

.sessID {
	display: inline-block;
	vertical-align: top; 
}

.talkTitle {
	display: inline-block;
	max-width: 75%;
	font-weight: bold;
}

.sessTime {
	display:inline;
	float: right;
	text-align:right;
	line-height:2;
	font-weight:bold;
}

.emphTitle {
	font-size: 120%;
    font-weight: bold;
}

.emphTime {
	font-size: 110%;
    line-height: 1.2;
    vertical-align: top;
	background-color: #afc0da;
}


.left_pdf{

float:left;



overflow:hidden;

font-weight:bolder;

padding-bottom:10px;

}



.nextline_pdf{

float:left;



overflow:hidden;

font-weight:normal;

padding-bottom:10px;

}





.right_pdf{





overflow:hidden;

padding-bottom:10px;

} 







.group:after {

    content:"";

    display: table;

    clear: both;

}





/*img {

    max-width: 100%;

    height: auto;

}*/

@media screen and (max-width: 480px) {

    .left, 

    .right {

        float: none;

        width: auto;

    }

}



.tooltip {

    position:absolute;

    display: inline-block;

    border-bottom: 1px dotted black;

}



.tooltip .tooltiptext {

    visibility: hidden;

    width: 520px;

    background-color: black;

    color: #fff;

    text-align: left;

    border-radius: 6px;

    padding: 5px 0;



    /* Position the tooltip */

    position: absolute;

    z-index: 1;

}



.tooltip:hover .tooltiptext {

    visibility: visible;

}


.addtocalendar var{
    display: none;
}

.addtocalendar {
    position: relative;
    display: inline-block;
    background: transparent!important;
}

.atcb-link {
    display: block;
    outline: none!important;
    cursor: pointer;
}

.atcb-link:focus~ul,
.atcb-link:active~ul,
.atcb-list:hover{
    visibility:visible;
}

.atcb-list {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 170px;
    z-index: 900;
}

.atcb-list,
.atcb-item
{
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
}

.atcb-item {
    float: none;
    text-align: left;
}

.atcb-item-link
{
    text-decoration: none;
    outline: none;
    display: block;
}

.atcb-item.hover,
.atcb-item:hover {
    position: relative;
    z-index: 900;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}


#glance td {
	text-align: center;
}

/* Blue */

.atc-style-blue .atcb-link,
.atc-style-blue .atcb-link:hover,
.atc-style-blue .atcb-link:active,
.atc-style-blue .atcb-link:focus
{
    margin: 0;
    padding: 7px 10px;
    color: #fff;
    font-family: "Verdana";
    font-size: 12px;
    text-decoration: none;
    outline: none;
    line-height: 10px;
    vertical-align: middle;
    background: rgb(66,129,244);
    box-shadow: 0 0 40px rgba(0, 0, 0, .13) inset;
    border-radius: 4px;
    zoom: 1;
}

.atc-style-blue .atcb-list {
    width: 170px;
    border: 1px solid rgb(186,186,186);
    border-radius: 2px;
    box-shadow: 0 0 5px #AAA;
}

.atc-style-blue .atcb-list,
.atc-style-blue .atcb-item
{
    background: #fff;
    color: #000;
}

.atc-style-blue .atcb-item,
.atc-style-blue .atcb-item-link
{
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
}

.atc-style-blue .atcb-item-link,
.atc-style-blue .atcb-item-link:hover,
.atc-style-blue .atcb-item-link:active,
.atc-style-blue .atcb-item-link:focus
{
    color: #000;
    font-family: "Verdana";
    font-size: 14px;
    text-decoration: none;
    outline: none;
    padding: 5px 15px;
}

.atc-style-blue .atcb-item-link:hover,
.atc-style-blue .atcb-item-link:active,
.atc-style-blue .atcb-item-link:focus
{
    color: #fff;
}

.atc-style-blue .atcb-item.hover,
.atc-style-blue .atcb-item:hover {
    background: rgb(66,129,244);
}



