﻿@media (max-width:768px) {

div.left
{
   float:left;
   position: relative;
   min-width:100%;
   clear:both;
 
}


}

body
{font-family: Helvetica_cond!important, Helvetica, Calibri, Georgia, "Times New Roman", Times, serif}



div.left
{
   float:left;
   position: relative;
   width:140px;
   padding-right: 10px;
 
}


div.right
{
    
    
   min-width: 125px;
    
}



/* -- Speakers -- */
.Speaker_Name 
{
    font-weight:bold;
    padding-bottom:12px;
    
}



.Name
{
    font-size: 15px;
}
.biotext
{
    font-size: 10px;
    font-weight: normal;
    
  
}




.Speaker_Jobtitle 
{
    font-style:italic;
    font-weight: lighter;
    
}
.Speaker_Organization
{
    font-weight: bold;
    
}
 .bio
        {
            min-height: 200px;
        }
img.biopic
{
    float:right;
}

.SpeakerPic
{
    position: relative;
    max-width:180px;
    /*padding: 3px;*/
    /*height: 168px;
     max-height: 180px;*/
  
}


hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}


        div.left-pic {
            float: left;
            position: relative;
            width: 200px;
            font-weight: bold;
            text-align: center;
            padding-right: 10px;
            padding-bottom: 5px;
            margin-left: 10px;
        }


        .fancybox-custom .fancybox-skin {
            box-shadow: 0 0 50px #222;
        }




            @media (max-width:768px) {

            div.left-pic {
                width: 100% !important;
                float: left;
                text-align: center !important;
                margin-left: 0px !important;
            }

                div.left-pic img {
                    float: left;
                }
        }
        
        .main_name {
            font-weight: bold;
            font-size: 17px;
            
            padding: 0;
            margin: 0;
        }

        .main_company{
            font-size: 15px;
            padding: 0;
            margin: 0 0 0;
            
        }
        .main_title {
            font-style: italic;
            font-size: 15px;
            padding: 0;
            margin: 0;
        }
       
        .speakerblock {
            display: inline-block;
            float: none;
            padding: 0;
            padding-bottom: 10px;
            height: 50%;
            width: 180px;
            
            vertical-align:top;
        }
         .speakerblock img{
        box-shadow: 1px 1px 4px #888;
        }
        a.speakerblock img:hover {
            text-decoration: none !important;
        }

        h4 {
            font-style: italic;
          text-decoration:none;
            font-size: 200%;
           
            margin-left: 20px;
            color: #000000;
        }

        .bioLink, .bioNoLink {
            padding: 0px;
            border: none;
            width: 200px;
            padding-left: 8px !important; 
            padding-right: 8px !important;
            margin: 0 auto;
        }

       

        .bioLink:hover {
            /*border-radius: 5px;*/
            background: #F0F0F0;
            padding: 0px;
            border: none;
        }
    

        .fancybox:hover {
           text-decoration: none;
        }


        /*.headerrow {
          
            color: #009dc9;
            font-size: 24px;
        }*/

        .headerrow, .keynoteheader {
          display:none!important;
           position: absolute; 
           top: -33px; 
           right: -5px; 
           width: 100%;
           text-align:left;
           font-size: 30px;
           color: #ffd700;
           border: none;
           box-shadow: none!important;
           z-index: 999;
   
        }

        .headerrow::after
        {
         
        }

        .headerrowspan
        {
             font-size: 30px;
           color:  #ffd700;
           text-shadow: 2px 2px #808080;
        }

        .navpager
    {
    padding:50px;
    margin-left: 40px;
    }



        .sectionheadercss{
              font-family: Helvetica_cond!important, Helvetica, Calibri, Georgia, "Times New Roman", Times, serif;
    font-size:40px;
    text-align: center;
    color:#254C5A;
    font-weight:bold;

        }
        .hr_header{
              background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    height: 1px;
        }

        .back-to-top {
cursor: pointer;
position: fixed;
bottom: 0;
right: 20px;
display:none;
z-index: 9999;
width: 52px;
height: 46px;
}

        .speakerbiotext

        {text-align:justify!important;
        font-family: Helvetica_cond!important, Helvetica, Calibri, Georgia, "Times New Roman", Times, serif}
        .popup-header
        {
    /*behavior:url(/JS/PIE.htc);
    background-image: url("images/header.png");
    background-size: auto;         
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat:   no-repeat;
    background-position: top center;*/  
    /* Height is 100%, so the body can be 100% */
      border-bottom: 1px solid #008F9D;
      margin-bottom: 10px;
            padding-bottom: 10px;
        }


