@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600,700);

body
{
  background-color: #ffffff;
  font-family:'Open Sans','Helvetica','Roboto',Arial,sans-serif !important;
  font-size: 16px;
  color: #333333;
  position:relative;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin:0px;
  padding:0px;
  zoom:1;
  /* box-shadow:0 234px 0 inset, 0 280px 51px -45px rgba(0, 0, 0, 0.3) inset; */
  overflow-x:hidden;
}

p,header,input
{
  padding: 0;
  margin: 0;
  outline: 0;
  border:0;
  -webkit-border-radius: 0px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  font-family:'Open Sans','Helvetica','Roboto',Arial,sans-serif !important;
}

a
{
color:#777777;
}

.LoginSubmit
{
  height: 40px;
  font-size: 16px;
  white-space: nowrap;
  padding: 0px 15px;
  text-transform: uppercase;
  background-color:#545454;
  margin:10px 0px 0px 0px;
  color:#FFFFFF;
  -webkit-appearance: none;
  box-shadow:0px 0px 58px rgba(0,0,0,.25) inset;
  cursor:pointer;
  transition:box-shadow ease .5s, background-color ease .5s;
  max-width:272px;
}

.LoginSubmit:hover
{
  height: 40px;
  font-size: 16px;
  white-space: nowrap;
  padding: 0px 15px;
  text-transform: uppercase;
  background-color:#777777;
  margin:10px 0px 0px 0px;
  color:#FFFFFF;
  -webkit-appearance: none;
  box-shadow:0px 0px 50px rgba(0,0,0,.2) inset;
  cursor:pointer;
}

.ErrorMsg
{
  display:none;
  color:#FF0000;
}

.ErrorMsgShow
{
  display:block;
  color:#FF0000;
  padding:0px 0px 10px 0px;
}

.LoginInput
{
  -webkit-background-clip: padding-box;
  padding: 8px;
  line-height: 1.4;
  border:4px;
  width:100%;
  color:#545454;
  background-color:#f7f7f7;
  font-size:16px;
}

.LoginInput:focus
{
  -webkit-background-clip: padding-box;
  padding: 8px;
  line-height: 1.4;
  border:4px;
  width:100%;
  color:#333333;
  background-color:#FFFFFF;
}

#ShowNameArea
{
  font-size:20px;
  padding-bottom:20px;
  text-transform:uppercase;
  line-height:20px;
}

#LoginIDLabel
{
  font-size:18px;
  font-weight:300;
  color:inherit;
  margin:0px 0px 4px 0px;
}

#PasswordLabel
{
  font-size:18px;
  font-weight:300;
  color:inherit;
  margin:10px 0px 4px 0px;
}

#ForgotPasswordArea .LoginHelpLink
{
  color:inherit;
  margin:0px 0px 4px 0px;
  font-size:11px;
  text-transform:uppercase;
}


.LoginHelpRow
{
  font-size:13px;
  color:inherit;
  line-height:14px;
}
.RegHeaderText
{
  font-size:17px;
  color:#333333;
  margin:5px 0px 20px 0px;
  line-height:18px;
}

.RegBtnContainer
{
  margin:0px;
}

.RegBtnContainer.Footer
{
  display:none;
  top:70px;
  position:relative;
}

.RegBtnContainer a
{
  background-color: #545454;
  box-shadow: -4px 4px 0 0 rgba(0, 0, 0, 0.04);
  color: #f7f7f7;
  float: right;
  font-size: 11px;
  margin-right:-9px;
  padding: 4px 14px;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  top:-10px;
  -webkit-transition:background-color ease .5s, padding ease .5s;
  -moz-transition:background-color ease .5s, padding ease .5s;
  transition:background-color ease .5s, padding ease .5s;
}

.RegBtnContainer a:hover
{
  background-color: #777777;
  padding:4px 24px 4px 14px;
}

.RegBtnContainer a:before {
  border-right: 9px solid #DEDEDE;
  border-top: 7px solid #545454;
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 24px;
}

.RegHeaderText a:hover
{
  background-color:#ffffff;
}


.SpeakerTitle
{
  font-size:18px;
  color:#545454;
  margin:20px 0px 5px 0px;
  text-transform:uppercase;
}

.RegHeaderTextSpeakers
{
}

.RegHeaderTextSec
{
  font-size:18px;
  color:#545454;
  margin:5px 0px 0px 0px;
  line-height:20px;
}

.WCSpeakerListContainer
{
  background-color: #FBFBFB;
  margin: 0 0 20px;
  max-height: 200px;
  min-height: 55px;
  padding: 10px;
  height:auto\9;
}

.WCSpeakerListPhotoImage
{
  font-size:12px;
  color:#777777;
  text-shadow:1px 1px 0px rgba(255,255,255,.5);
  width:50px;
  height:50px;
  float:left;
}

.WCSpeakerListName
{
  font-size:13px;
  margin:0px 0px 0px 55px;
  overflow:hidden;

}

.WCSpeakerListBio
{
  font-size:11px;
  color:#545454;
  line-height:14px;
  margin:0px 0px 0px 55px;
  overflow:hidden;
  max-height:182px;
  min-height:45px;
  height:auto\9;
  overflow:auto;
}

.SpeakerPhotoImage
{
  width:50px;
  height:50x;
}

.WCSpeakerListImageCenter
{
  text-align:left;
  float:left;
}


.ViewSpeakerName
{
  font-size:12px;
}

.RegHeaderTextMobile
{
  font-size:18px;
  margin:20px 0px 0px 0px;
  line-height:20px;
}

.FooterLinks
{
  font-size:12px;
  margin-top:10px;
  padding:20px 0px 20px 20px;
  color:#f7f7f7;
}

.FooterLinks a
{
  text-decoration:none;
  padding:0px 2px 0px 2px;
  color:#545454;
}

.FooterLinks a:hover
{
  color:#333333;
}

.CopyrightTxt
{
  color:#777777;
  margin:0px 0px 0px 0px;
  font-size:12px;
  float:right;
  padding:20px 20px 20px 0px;
}

.CopyrightTxt a
{
  color:#777777;
}

.LogoHeader
{
  /* background-color:#141414; */
}

.RazorLeft,#ToolbarLeftImg
{
  display:inline-block;
  position:absolute;
  top:5px;
  z-index:100;
  background-color:transparent;
  margin:0px;
  padding:0px;
}

.LoginSubmitRow
{
  text-align:left;
  position:relative;
  clear:left;
}

#ErrorMsgDisplay
{
  background: rgba(255, 255, 255, 0.5);
  background:#333333\9;
  color: #d74949;
  float: left;
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0;
  width: 100%;
  line-height:24px;
}

.LoginHelpRow
{
  text-align:left;
}

#LinksArea.LoginHelpRow
{
  color:transparent;
}

#ForgotPasswordArea
{
  margin:15px 0px 0px 0px;
}

#LinksArea a {
  background-color: #DEDEDE;
  color: #545454;
  font-size: 12px;
  padding: 4px 8px;
  text-decoration: none;
  margin:0px 0px 4px 0px;
  display:inline-block;
}

#LinksArea a:hover {
  background-color: #f7f7f7;
}

.SignUpText
{
  font-size: 24px;
  left: -2px;
  margin: 15px 0;
  position: absolute;
  top: -50px;
}

.ConnectContainer
{
 /*  background-color:#f7f7f7; */
  margin:0px 0px 0px 0px;
  padding:8px 15px 10px 0px;
  position:relative;
  width:181px;
  display:inline-block;
}

/* .ConnectContainer:after
{
  background-color: #151515;
  border-right: 14px solid #f7f7f7;
  border-bottom: 14px solid #dedede;
  bottom: -14px;
  left: 35px;
  content: "";
  display: block;
  position: absolute;
}
 */
.ConnectTxt
{
  font-size:20px;
  color:#545454;
}

.RegTxt
{
  font-size:24px;
  margin:0px;
  line-height:24px;
}

#Section5
{
  width:100% !important;
  background-color:#ebebeb;
}

.WebacastBranding
{
  max-width:750px;
}

.EditModeSection .LogoHeader 
{
  background:url(https://presentations.inxpo.com/SharedContent/HTML/VX/LoginTemplates/ResponsiveLoginWebcast2/ResponsiveLogoTemplate.png) no-repeat;
}

.RegHeaderTextSec2
{
  font-size:14px;
  margin:10px 10px 0px 0px;
  line-height:20px;
}

.SubDetailsContainer
{
  padding:10px 15px 20px 15px;
  margin:15px 0px 0px 0px;
  font-size:12px;
}

.TextSecTitle
{
  font-size:14px;
  color:inherit;
  padding:0px 5px 0px 0px;
}

.TextSecTitle2
{
  font-size:14px;
  color:#777777;
}

.TextSecTitleValue
{
  color:#545454;
}

.AbstractValue
{
  color:#545454;
  max-height:170px;
  min-height:75px;
  overflow:auto;
 
}

.AbstractValue p
{
  color:#545454 !important;
  font-size:12px !important;
  line-height:14px;
  
}

#PageSections
{
  /* box-shadow:0 0 200px rgba(0, 0, 0, 0.15); */
  box-shadow:84px -966px 423px -98px rgba(0,0,0,.5), -200px -966px 423px -98px rgba(0,0,0,.5), 0 0 200px rgba(0, 0, 0, 0.15);
  background-color:#DEDEDE;
}

#CenterSections
{
  box-shadow:0 166px 187px -140px rgba(255, 255, 255, 0.7) inset;
}


/*IE 8*/
#Section1
{
  width:380px\9 !important;
}

#Section2
{
  margin-left:400px\9 !important;
  margin-right:0px\9 !important;
  width: auto\9 !important;
  height:auto\9;
}

#ShowNameArea
{
  display:none\9;
}

.ShowDetails
{
  display:none\9;
}

#CenterSections {
    padding: 20px 20px 0\9;
    width: 710px\9 !important;
}

#PageSections {
    width: 750px\9 !important;
}

.LoginSubmitRow
{
  display:inline\9;
}

.RegisterNow
{
  display:none;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx)
{ 
  
  *,html
  {
  }
  
  #Section0
  {
    box-shadow:0 234px 0 inset !important;
  }
  #PageSections
  {
    box-shadow:none !important; 
  }
  
  #CenterSections
  {
    box-shadow:none !important;
  }

}

/* GRID 0px - 320px -------------------- */

@media screen and (min-width: 0px) and (max-width: 320px)
{

  *,html
  {
    box-shadow:none !important;
  }
  body
  {
    margin:10px;
  }
  
  .FooterLinks
  { 
    box-shadow: 0 24px 25px -24px rgba(0, 0, 0, 0.3) inset;
    color: rgba(0, 0, 0, 0);
    font-size: 12px;
    margin: 0 auto 34px;
    padding: 25px 0 20px;
  }

  .FooterLinks a
  {
    background: none repeat scroll 0 0 #F7F7F7;
    color: #545454;
    display: block;
    margin: 0 10px;
    padding: 8px;
    text-align: center;
    text-decoration: none;
  }

  .CopyrightTxt
  {
    bottom: 0;
    color: #f7f7f7;
    font-size: 11px;
    margin: 0;
    padding:15px 10px 20px 10px;
    float:none;
    background-color:#545454;
    text-align:center;
  }
  
  .CopyrightTxt a 
  {
    color: #B1B1B1;
  }
  
  #Section5 
  {
    background:#FFFFFF;
    padding: 0 0 5px;
  }

  /* #Section1
  {
    display:none;
  } */
  
  #Section1
  {
    display:none;
    /*Display Details*/
    padding:20px;
    width:auto !important;
    background-color:#DEDEDE;
    margin:0px 0px 20px 0px;
  }
  
  .ShowDetails
  {
    cursor:pointer;
    font-size:12px;
    text-transform:uppercase;
    color:inherit;
    margin:0px 0px 0px 0px;
    padding:4px 8px;
    text-align:center;
    position:relative;
    background-color:#f7f7f7;
  }
  
  .ShowDetails:after
  {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 8px solid;
    border-bottom-color:inherit;
    bottom: -4px;
    content: "";
    height: 0;
    left: 47%;
    position: absolute;
    width: 0;
  }

  .LogoHeader
  {
    height:52px;
    display:none;
  }
  
   #ToolbarLeftImg
  {
    height:46px !important;
    width:195px !important;
  }

  #PageSections
  {
    width:100% !important;
    box-shadow:none;
  }
  
  #CenterSections
  {
    width:100% !important;
    box-shadow:0 76px 140px -45px rgba(255, 255, 255, 0.8) inset;
  }
  
  #Section2
  {
    margin-left:0px !important;
    margin-right:0px !important;
    margin-top:10px !important;
    min-height: 325px;
    padding-bottom:50px !important;
    
    /* Details Display */
    margin-top:0px !important;
    box-shadow:inset 0px 25px 70px -24px rgba(0,0,0,.2);
  }

  #ItemList:after
  {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-top: 18px solid #292929;
    border-right: 18px solid #202020;
    display: block;
    width: 0;
  }

  #Section4
  {
    margin-left:0px !important;
   /*  display:none; */
  }

  #Section4 p img,.LogoHeader img.WebacastBranding
  {
    display:none;
  }
  
  .MobileTitleContainer
  {
    display:block !important;
    padding:18px 20px 20px 20px;
  }

  .LoginHeaderText 
  {
    color: #333333;
    font-size: 24px;
    line-height:24px;
  }
   
  .LoginWebastTitle 
  {
    color: #777777;
    font-size: 17px;
    line-height: 16px;  
  }
  
  .RegBtnContainer.Footer
  {
    display:none;
  }
   
  .RegisterNow
  {
    display:block;
  }
  
}


@media screen and (min-width: 321px) and (max-width: 480px) 
{

  *,html
  {
    box-shadow:none !important;
  }
  
  body
  {
    margin:10px;
  }
  
  .FooterLinks
  { 
    box-shadow: 0 24px 25px -24px rgba(0, 0, 0, 0.3) inset;
    color: rgba(0, 0, 0, 0);
    font-size: 12px;
    margin: 0 auto 34px;
    padding: 25px 0 20px;
  }

  .FooterLinks a
  {
    background: none repeat scroll 0 0 #F7F7F7;
    color: #545454;
    display: block;
    margin: 0 10px;
    padding: 8px;
    text-align: center;
    text-decoration: none;
  }

  .CopyrightTxt
  {
    bottom: 0;
    color: #f7f7f7;
    font-size: 11px;
    margin: 0;
    padding:15px 10px 20px 10px;
    float:none;
    background-color:#545454;
    text-align:center;
  }
  
  .CopyrightTxt a 
  {
    color: #B1B1B1;
  }
  
  #Section5 
  {
    background:#FFFFFF;
    padding: 0 0 5px;
  }

  /* #Section1
  {
    display:none;
  } */
  
  #Section1
  {
    display:none;
    /*Display Details*/
    padding:20px;
    width:auto !important;
    background-color:#DEDEDE;
    margin:0px 0px 20px 0px;
  }
  
  .ShowDetails
  {
    cursor:pointer;
    font-size:12px;
    text-transform:uppercase;
    color:inherit;
    margin:0px 0px 0px 0px;
    padding:4px 8px;
    text-align:center;
    position:relative;
    background-color:#f7f7f7;
  }
  
  .ShowDetails:after
  {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 8px solid;
    border-bottom-color:inherit;
    bottom: -4px;
    content: "";
    height: 0;
    left: 47%;
    position: absolute;
    width: 0;
  }

  .LogoHeader
  {
    height:52px;
    display:none;
  }
  
   #ToolbarLeftImg
  {
    height:46px !important;
    width:195px !important;
  }

  #PageSections
  {
    width:100% !important;
    box-shadow:none;
  }
  
  #CenterSections
  {
    width:100% !important;
    box-shadow:0 76px 140px -45px rgba(255, 255, 255, 0.8) inset;
  }
  
  #Section2
  {
    margin-left:0px !important;
    margin-right:0px !important;
    margin-top:10px !important;
    min-height: 325px;
    padding-bottom:50px !important;
    
    /* Details Display */
    margin-top:0px !important;
    box-shadow:inset 0px 25px 70px -24px rgba(0,0,0,.2);
  }

  #ItemList:after
  {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-top: 18px solid #292929;
    border-right: 18px solid #202020;
    display: block;
    width: 0;
  }

  #Section4
  {
    margin-left:0px !important;
   /*  display:none; */
  }

  #Section4 p img,.LogoHeader img.WebacastBranding
  {
    display:none;
  }
  
  .MobileTitleContainer
  {
    display:block !important;
    padding:18px 20px 20px 20px;
  }

  .LoginHeaderText 
  {
    color: #333333;
    font-size: 24px;
    line-height:24px;
  }
   
  .LoginWebastTitle 
  {
    color: #777777;
    font-size: 17px;
    line-height: 16px;  
  }  
  
  .RegBtnContainer.Footer
  {
    display:none;
  }
  
  .RegisterNow
  {
    display:block;
  }

}

/* GRID 481px - 768px ----------------- */

@media screen and (min-width: 481px) and (max-width: 768px) 
{

  #PageSections
  {
    width:100% !important;
  }

  #CenterSections
  {
    width:100% !important;
    padding:20px 20px 0px 20px;
    box-shadow:0 76px 140px -45px rgba(255, 255, 255, 0.8) inset;
  }
  
  #Section1
  {
    width:300px !important;
    padding:0px 0px 50px 0px;
  }

  #Section2
  {
    margin-left:320px !important;
    margin-right:40px !important;
    min-height:325px;
    width:auto !important;
  }
  
  #Section2 form
  {
    display:inline-block;
  }

  #Section3
  {
  }

  #Section4
  {
    width:100% !important;
  }

  #Section4 p img
  {
    width:100% !important;
    height:auto !important;
  }  

  .FooterLinks
  {
    float:left;
  }

   .FooterLinks a
  {
    
  }

  .CopyrightTxt
  {             
    margin:25px 10px 0px 0px; 
    float:left;
  }


  .RazorLeft,#ToolbarLeftImg
  {
    display:none;
    position:absolute;
    top:10px;
    z-index:100;
  }

  #ShowNameArea
  {
    display:none;
  }
  .LogoHeader img.WebacastBranding
  {
    /* width:100%; */
  }
  
  .ShowDetails
  {
    display:none;
  }
  
  /*LOGIN BUILDER DEFAULT WEBCAST LOGO IMAGE*/

  #Section4.EditModeSection .LogoHeader
  {
  background:url(https://presentations.inxpo.com/SharedContent/HTML/VX/LoginTemplates/ResponsiveLoginWebcast2/ResponsiveLogoTemplate.png) no-repeat;
  }


  #Section4.EditModeSection
  {
  height:150px !important;
  }

  #Section4.EditModeSection img.WebacastBranding
  {
  height:150px;
  width:750px;
  }

  #Section4.EditModeSection
  {
  height:150px !important;
  }

}

/* GRID 768px - 1024px ----------------- */

@media screen and (min-width: 768px) and (max-width: 1024px) 
{


  /*PAGE CHANGES*/
  #PageSections
  {
    width:750px !important;
  }

  #CenterSections
  {
    width:710px !important;
    padding:20px 20px 0px 20px;
  }
  
  #Section1
  {
    width:380px !important;
  }

  #Section2
  {
    margin-left:400px !important;
    margin-right:0px !important;
    min-height:325px;
    width:auto !important;
  }
  
  #Section2 form
  {
    display:inline-block;
  }

  #Section3
  {
  }

  #Section4
  {
    width:750px;
  }
  
  .RazorLeft,#ToolbarLeftImg
  {
    display:none;
    position:absolute;
    top:10px;
    z-index:100;
  }

  #Section4
  {                               
  }

  #Section4 p img
  {
    width:750px !important;
    height:90px !important;
  }  

  #ShowNameArea
  {
    display:none;
  }
  
  .ShowDetails
  {
    display:none;
  }
  /*LOGIN BUILDER DEFAULT WEBCAST LOGO IMAGE*/

  #Section4.EditModeSection .LogoHeader
  {
  background:url(https://presentations.inxpo.com/SharedContent/HTML/VX/LoginTemplates/ResponsiveLoginWebcast2/ResponsiveLogoTemplate.png) no-repeat;
  }


  #Section4.EditModeSection
  {
  height:150px !important;
  }

  #Section4.EditModeSection img.WebacastBranding
  {
  height:150px;
  width:750px;
  }

  #Section4.EditModeSection
  {
  height:150px !important;
  }
    
  #Section1
  {
    padding:0px 0px 50px 0px;
  }

}


/* GRID 1024px - Infinity ------------------- */

@media screen and (min-width: 1024px) 
{

  #PageSections
  {
    width:750px !important;
  }

  #CenterSections
  {
    width:710px !important;
    padding:20px 20px 0px 20px;
  }
  
  #Section1
  {
    width:380px !important;
  }

  #Section2
  {
    margin-left:400px !important;
    margin-right:0px !important;
    min-height:325px;
    width:auto !important;
  }
  
  #Section2 form
  {
    display:inline-block;
  }
  
  #Section3
  {
  }

  #Section4
  {
    width:750px;
  }     

  .RazorLeft,#ToolbarLeftImg
  {
    display:none;
    position:absolute;
    top:10px;
    z-index:100;
  }

  #Section4
  {                               
  }

 /*  #Section4 p img
  {
    width:728px !important;
    height:90px !important;
  }   */

  #ShowNameArea
  {
    display:none;
  }
  
  .ShowDetails
  {
    display:none;
  }
  
  /*LOGIN BUILDER DEFAULT WEBCAST LOGO IMAGE*/

  #Section4.EditModeSection .LogoHeader
  {
  background:url(https://presentations.inxpo.com/SharedContent/HTML/VX/LoginTemplates/ResponsiveLoginWebcast2/ResponsiveLogoTemplate.png) no-repeat;
  }


  #Section4.EditModeSection
  {
  height:150px !important;
  }

  #Section4.EditModeSection img.WebacastBranding
  {
  height:150px;
  width:750px;
  }

  #Section4.EditModeSection
  {
  height:150px !important;
  }
  
  #Section1
  {
    padding:0px 0px 50px 0px;
  }
    
}


.QuickRegistrationTable #SurveyInputContainer textarea
{
  width:100%;
}

tr.QuickRegistrationRowSelected td div input, 
tr.QuickRegistrationRowSelected td div select,
tr.QuickRegistrationRowHighlight td div input,
tr.QuickRegistrationRowHighlight td div select,
tr.QuickRegistrationRow td div input
{
  padding:8px !important;
}

.QuickRegistrationRowHighlight td div select {
  width: 280px !important;
}