@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;
}

a
{
  color:#cccccc;
}

input[type="checkbox"]
{
  width:auto;
}

input
{
  background-position:left center;
}

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

.ConnectTxt
{
  font-size:24px;
  margin:0px;
  color:#333333;
}


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

#Section5
{
  width:100% !important;
  box-shadow:0px 36px 75px 0px rgba(255, 255, 255,1);
  
}

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

#ErrorMsgDisplay
{
  float:left;
  font-size:14px;
  font-weight:normal;
  margin:5px 0px 5px 0px;
}

.LoginHelpRow
{
  text-align:left;
}

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

#LinksArea a {
  color:#777777;
}

.QuickRegistrationRow td input[type="submit"],.QuickRegistrationRowSelected td input[type="submit"],.QuickRegistrationRowHighlight td input[type="submit"]{
  height: 40px;
  font-size: 16px;
  white-space: nowrap;
  padding: 10px 15px 10px 15px;
  text-transform: uppercase;
  background-color:#23A0D0;
  margin:10px 0px 0px 0px;
  color:#FFFFFF;
  -webkit-appearance: none;
  width:auto;
}

.QuickRegistrationRow td div input[inputtype="R"], .QuickRegistrationRow td div input[inputtype="XR"], .QuickRegistrationRow td div input[inputtype="PR"], .QuickRegistrationRow td div input[inputtype="EUXR"]
{
  /* background-image:none !important; */
  background-position:center left;
}

.QuickRegistrationRow td div select
{
  width:100%;
}

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

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

.QuickRegistrationRow td input
{
  -webkit-background-clip: padding-box;
  padding: 8px;
  line-height: 1.4;
  border-color: #23A0D0;
  border:4px;
  width:100%;
  color:#777777;
  font-size:16px;
} 

.QuickRegistrationRow td input:focus
{
  background-color:#FFFFFF !important;
  color:#333333 !important;
}

#ShowNameArea
{
  color:#33c11c;
  font-size:20px;
  padding-bottom:20px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
  text-transform:uppercase;
}

#LoginIDLabel
{
  font-size:18px;
  font-weight:normal;
  color:#FFFFFF;
}

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

.LoginHelpLink
{
  color: #23A0D0;
  text-decoration: none;
  font-size: 15px;
}

.LoginHelpRow
{
  font-size:13px;
  color:#cccccc;
  line-height:14px;
}

.InputContainer
{
  margin:5px 0px 10px 0px;
}

#ItemList
{
  position:relative;
  top:55px;
  margin:0px 0px 20px 0px;
}

#Section1
{
  vertical-align:top;
  margin-right:25px;
}

#PageColumns
{
  margin-bottom:50px;
}

.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
{
  margin:10px 0px 0px 0px;
}

.RegBtnContainer a
{
  background-color: #545454;
  color: #f7f7f7;
  font-size: 12px;
  margin-right:-9px;
  padding: 4px 14px;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  -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 14px 4px 24px;
}

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

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


.FooterLinks
{
 padding:20px 0 20px 20px;
 color:#cccccc;
}


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

.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:transparent; */
}

/* .LogoHeader img
{
  width:100%;
  height:auto;
} */

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

.ConnectContainer
{
  margin:25px 0px 0px 0px;
  position:relative;
}

.ConnectTxt
{
  font-size:24px;
  color:inherit;
}


/* PASSWORD NOTIFICATIONS */

.PasswordStatus[style="color: Green;"]
{
  font-size:12px;
  color:#333333 !important;
}


.PasswordStatus[style="color: Red;"]
{
  font-size:12px;
  color:#333333 !important;
}

.PasswordStatusImage[src*="PasswordGood.png"] 
{
  background: url(images/CheckMarkIcon.png) no-repeat;
  height: 21px;
  margin-left: 4px;
  padding-left: 21px;
  vertical-align: middle;
  width: 0;
}

.PasswordStatusImage[src*="PasswordBad.png"] 
{
  background: url(images/PasswordErrorIcon.png) no-repeat;
  height: 21px;
  margin-left: 4px;
  padding-left: 21px;
  vertical-align: middle;
  width: 0;
}

/*PROFILE & USER FIELDS DISPLAY*/

#SurveyInputContainer span{
  font-size:13px;
  /* color:#333333 !important; */
  display:block;
  overflow:hidden;
}

#SurveyInputContainer input{
 margin:3px 4px 0px 0px;
 float:left;
 width:auto !important;
 height:auto;
 
}

#SurveyInputContainer input[onfocus*="TextEntryFocus"]{
 margin:0px 4px 0px 0px;s
 float:left;
 width:100% !important;
 height:40px;
}




#PageColumns
{
  background-color:#dedede;
  /* 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);
}


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


#Section2
{
  padding:20px 20px 0px 0px;
  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;
}

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

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

.LoginSubmitRow
{
  display:inline\9;
}


#ItemList
{
  position:relative;
  top:28px;
  margin-bottom:50px !important;
}

.AlreadyRegistered
{
  display:none;
}

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

/*MULTI-SELECT CHECKBOX */

.ShowSurveyCheckboxToggle
{
  width:auto;
  padding:8px;
  font-size:14px;
  color:rgb(84, 84, 84);
  background-color:rgb(247, 247, 247);
  border:0px;
}

.ShowSurveyExpander 
{
  position: absolute;
  right: 5px;
  top: 7px;
  left:auto;
}

.ShowSurveyCheckboxContainer input
{
  width:30px !important;
  float:left;
  padding:2px !important;
  border:0px;
}

.ShowSurveyCheckboxContainer > span {
    display: block;
    overflow:hidden;
 }

@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
  {
  }
  
  #Page
  {
    /*box-shadow:0 234px 0 inset !important;*/
  }
  #PageColumns,#Section1,#Section2
  {
    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;
  }
  
  input,select
  {
    width:100% !important;
  }
  
  input[type="submit"]
  {
    width:auto !important;
  }
  
  #Section5 
  {
    background:#FFFFFF;
    padding: 0 0 5px;
  }

  #Section1
  {
    display:none;
     /*Display Details*/
    padding:20px;
    width:0px !important;
   /* width:auto !important; */
   /*  width:142% !important; */
  /*  box-shadow:95px 0 0 rgba(0, 0, 0, 0.7); */
    background-color:#DEDEDE;
    margin:0px 0px 20px 0px; 
    position:relative;
  }
  
 
  #Section2
  {
    margin-left:0px !important;
    margin-right:0px !important;
    margin-top:10px !important;
    min-height: 325px;
    padding:0px 0px 50px 0px !important;
    width:100% !important;  
  }
  
  .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:35px;
    display:none;
  }
  
  #PageSections
  {
    width:100% !important;
  }
  #PageColumns
  {
    width:100% !important;
    box-shadow:none;
  }
  #Section2
  {
    margin-left:0px !important;
    margin-right:0px !important;
    margin-top:10px;
    min-height: 325px;
    padding:0px 0px 98px 0px !important;
    
    /* Details Display */
    margin-top:0px !important;
  }

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

  #Section4 p img,.LogoHeader img.WebacastBranding
  {
    display:none;
  } 
    
  .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: 10px;
    text-align: center;
    text-decoration: none;
  }
  
  .CopyrightTxt
  {
    bottom: 0;
    color: #f7f7f7;
    font-size: 11px;
    margin: 0;
    padding:15px 10px 20px 20px;
    float:none;
    background-color:#545454;
  }
  
  .CopyrightTxt a 
  {
    color: #B1B1B1;
  }
  
  #ItemList
  {
    margin:0px !important;
    width:100% !important;
    top:98px;
  }

  .SignUpText {
    color: #333333;
    font-size: 24px;
    left: 21px;
    position: absolute;
    top: -100px;
  }
   
  .RegHeaderText2 {
      color: #777777;
      font-size: 17px;
      left: 21px;
      line-height: 16px;
      position: absolute;
      top: -58px;
      margin: 0px 20px 0px 0px;
  }
  
  .RegBtnContainer.Footer
  {
    display:block;
  }
  
  #Section5
  {
    background-color:#ffffff !important;
  }

  .AlreadyRegistered
  {
    display:block;
  }
  
}


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

  *,html
  {
    box-shadow:none !important;
  }
  
  body
  {
    margin:10px;
  }
  
  input,select
  {
    width:100% !important;
  }
  
  input[type="submit"]
  {
    width:auto !important;
  }
  
  .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 34pxs;
    padding: 25px 0 20px;
  }

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

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

  /* #Section1
  {
    display:none;
  } */
  
  
  html body#Page form table#PageColumns.QuickRegistrationTable tbody tr td#Section1.QuickRegistrationPageColumn div.RegHeaderTextSpeakers div.WCSpeakerListContainer div.WCSpeakerListBio span.test
  {
    display:block !important;
  }
  
  #Section1
  {
    display:none;
     /*Display Details*/
    padding:20px;
    width:0px !important;
  /*  width:auto !important; */
   /*  width:142% !important; */
  /*  box-shadow:95px 0 0 rgba(0, 0, 0, 0.7); */
    background-color:#DEDEDE;
    margin:0px 0px 20px 0px;
    position:relative;
  } 

  .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;
  }
  
  #PageColumns
  {
    width:100% !important;
    box-shadow:none;
  }
  
  #Section2
  {
    margin-left:0px !important;
    margin-right:0px !important;
    margin-top:10px !important;
    min-height: 325px;
    padding:0px 0px 98px 0px !important;
    width:100% !important;
    
    /* Details Display */
    margin-top:0px !important;
    box-shadow:inset 0px 25px 70px -24px rgba(0,0,0,.05);
  }
  
  #Section4
  {
    margin-left:0px !important;
   /*  display:none; */
  }

  #Section4 p img,.LogoHeader img.WebacastBranding
  {
    display:none;
  }
  
  #ItemList
  {
    margin:0px !important;
    width:100% !important;
    top:98px;
  }


  .SignUpText {
    color: #333333;
    font-size: 24px;
    left: 21px;
    position: absolute;
    top: -100px;
  }
  
  
  .RegHeaderText2 {
      color: #777777;
      font-size: 17px;
      left: 21px;
      line-height: 16px;
      position: absolute;
      top: -58px;
      margin: 0px 20px 0px 0px;
  }

  
  #Section5
  {
    background-color:#ffffff !important;
  }
  
  .AlreadyRegistered
  {
    display:block;
  }


}

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

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

  #PageSections
  {
    width:100% !important;
  }

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

  #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:0px 10px 0px 10px; 
    float:left;
  }


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

  #ShowNameArea
  {
    display:none;
  }
  .LogoHeader img.WebacastBranding
  {
    /* width:100%; */
  }
  
  .ShowDetails
  {
    display:none;
  }
    
  #Section1
  {
    padding: 20px 20px 0;
  }
  
  .RegHeaderText2 {
    display:none;
  }

}

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

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


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

  #PageColumns
  {
    width:710px !important;
  }
  
  #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;
  }

  #Section1
  {
    padding: 20px 20px 0;
  }
  
  .RegHeaderText2 {
    display:none;
  }

}


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

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

  #PageSections
  {
    width:750px !important;
  }

  #PageColumns
  {
    width:710px !important;
  }
  
  #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;
  }
  
  
  #Section1
  {
    /* padding:0px 0px 50px 0px; */
  }
  
  .RegHeaderText2 {
    display:none;
  }
    
}



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

.QuickRegistrationPageColumnSelected#Section1,
.QuickRegistrationPageColumn#Section1,
.QuickRegistrationPageColumnHighlight#Section1

{
  vertical-align:top;
}


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 {
}