/* ------ NOTES------------------------------------

Base Screen Styles for Simple Signup event pages.

--------- CONTENTS --------------------------------

1: BODY
2: PAGE STRUCTURE
  a) Containers
  b) Header
  c) Main content
  d) Footer
3: GLOBALS
  a) Links
  b) Typography
  c) Images
  d) Lists
4: NOTICE AND ERROR MESSAGES
5: MISC
---
6: RECEIPT

--------------------------------------------------- */



/* 1: BODY
=================================================== */

body {
  color: #000;
  background: #dde8f0 url(/images/signup/ibc.gif) repeat-y center;
  font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  }

/* Reset margin and padding for all elements */

* {margin: 0; padding: 0;}


/* 2: PAGE STRUCTURE
==================================================== */

/* a) Containers */

.wrapper {
  width: 880px;
  max-width: 960px;
  min-width: 680px;
  margin: 0 auto;
  line-height: 150%;
  }

html, body, #container {height: 100%;}

#page {padding-bottom: 90px; width: 100%}

body > #container {height: auto; min-height: 100%;}

/* b) Header */

#header {
  float: left;
  width: 100%;
  margin: 40px 0 0;
  padding: 0 0 40px;
  background: transparent;
  }

#logo {
  display: inline;
/*  float: left;
*/  border: none;
  background: none;
}
#logo a {display: block;}
/* c) Main content */

#simple_header {
  text-align:right;
  padding: 0.7em;
  background-color: rgb(28, 100, 170);
  background-color: white;
  position:absolute;
  right:0;
  top:0;
  display: block
  border-bottom-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomleft: 15px;
  }

#simple_header .green_signup_link {
  margin-left: 0.2em;
}

#simple_header .sign_up_invokation_string {
  text-align:right;
  font-size: 0.8em;
  margin-top:0.5em;
  margin-right:0.2em;
  color:#666;
}

#content {
  float: left;
  width: 100%;
  padding: 0 0 60px;
  background: transparent;
  }

#share-this {float: right; width: auto; padding: 5px 0 0;}

#top-right {background: transparent; height: 100px; position: absolute; top: 20px; right: 20px;}
#top-right a {background: #eceef5; padding: 2px 5px; margin-right: 5px; font-size: 11px; float: left; line-height: 17px; text-decoration: none; color: #000;}
#top-right a:hover {background:#3b5998; color:#fff;}

#event-details {float: left; width: 47%;}
#event-contact-info {float: left; width: 47%;}
#event-contact-info table th{text-align: left;}

#event-location {float: left; width: 47%; clear: left;}

#event-info {float: left; width: 100%; padding: 0 0 10px;}
#event-info th {text-align: left; width: 75px;}
#event-info th, event-info td {padding: 1px 10px 1px 0;}

#tickets {float: left; clear: left; width: 100%; margin: 0 0 20px;}

.cart {
  width: 100%;
  margin: 20px 0;
  border-collapse: collapse;
  }
.cart td, .cart th {
  padding: 10px;
  border-bottom: 1px solid #c7d6e0;
  font-weight: bold;
  }
.cart th {
  padding: 10px;
  width: 110px;
  text-align: left;
  }
.cart .price {text-align: right;}
.cart {border-top: 1px solid #c7d6e0; padding: 0;}
.cart b {font-weight: normal;}

#event-description {float: right; width: 46%;}
#event-description p {margin: 0 0 10px;}

.attendee-form {
  float: left;
  width: 100%;
  border-collapse: collapse;
  }
.attendee-form td {
  padding: 12px 10px;
  border-bottom: 1px solid #fff;
  }
.attendee-form .event-attendee {color: #02488f; font-weight: bold;}
.attendee-form .mandatory {color: #c00;}
.attendee-form input {padding: 3px; font-size: 12px;}

#attendee-list {float: left; width: 46%; clear: left;}
#attendee-list ul {list-style: none;}
#attendee-list li {padding: 5px 0; border-bottom: 1px solid #c7d6e0;}

#banner {margin: 0 auto; text-align:center;}

form p {padding: 0 10px;}

/* d) Footer */

#footer {
  float: left;
  position: relative;
  clear: both;
  width: 100%;
  height: 80px;
  margin-top: -95px;
  background: white !important;
  text-align: left;
  padding-top:0px;
  padding-bottom:15px;
  margin-bottom:0 !important;

  }
#footer p {font-size: 11px;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer .wrapper {overflow:hidden;width:880px;padding-bottom:0px !important;border-top: 1px solid #ddd;}

#powered-by {
  padding-right: 20px;
  line-height: 110%;
  font-size:1em;
  }

#powered-by img {
  margin: 0 0.2em 0 0;
  padding: 10px 0 0;
  }

#powered-by .sign_up_invokation_string {
  clear:both;
  margin:0 0 0 0.5em;
  padding-top: 0;
  padding-bottom: 0.5em;
  color:#666;
  font-size: 0.9em;
  }

#powered-by .green_signup_link {
    margin-top:20px;
  }

#payment-logos {float: right; margin-right:2em;}
#payment-logos a {border: none;}
#payment-logos img {margin: 15px 0.1em 0;}

#copyright-notice {color: #ccc; text-align:right;}

#help {float:right;margin: 10px 0 0; line-height: 100% !important;}

#simple-signup-notice {float:left;}

a.green_signup_link {
  text-align:right;
  font-size: 12px !important;
  line-height: 100% !important;
  font-family: arial;
  font-weight:bold;
  display: inline-block;
  vertical-align: top;
  padding: 8px 10px;
  background-color: rgb(0,143,0);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-decoration:none !important;
  color: white !important;

  }

a.green_signup_link:hover {
  background-color: rgb(0,160,0);
}

strong .green_signup_link {
  font-size: 0.8em;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  padding:5px 7px;
  }

a.button_link {
  text-align:right;
  font-size: 12px !important;
  line-height: 100% !important;
  font-family: arial;
  font-weight:bold;
  display: inline-block;
  vertical-align: top;
  padding: 8px 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-decoration:none !important;
  color: white !important;

}

a.button_link {
  background-color: rgb(0,143,0);
}

a.button_link:hover {
  background-color: rgb(0,160,0);
}

a.button_link.red {
  background-color: rgb(143,0,0);
}

a.button_link.red:hover {
  background-color: rgb(160,0,0);
}
/* 3: GLOBALS
==================================================== */

/* a) Links */

a:link, a:visited {color: #1a62ac; text-decoration: underline;}
a:hover, a:active {text-decoration: none;}

/* b) Typography */

h1 {
  color: #02488f;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 25px;
  }

h2 {
  color: #02488f;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0;
  }

h3 {
  color: #02488f;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0;
  }

abbr {border: none;}

/* c) Images */

img {border: none;}

/* d) Lists */

dl {
  float: left;
  clear: both;
  width: 100%;
  padding: 0 0 2em;
  }

dt {width: 18%; float: left; clear: left; font-weight: bold;}
dd {float: left; width: 82%;}

.help_text {
  color: gray;
  font-size: 11px;
}

.change-booking-details-text {
  margin: 0;
  font-size: 20px;
}

/* 4: NOTICE AND ERROR MESSAGES
==================================================== */

div#notice, div#error {
  margin: 10px 0 20px;
  padding: 3px 6px;
  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  }

div#error {
  border: 1px solid #b25454;
  border-top: 1px solid #c36565;
  border-bottom: 1px solid #a43e3e;
  background: #efbebe url(/images/signup/bg-error.gif) top left repeat-x;
  color: #c00;
  text-shadow: 0 1px 1px #fff;
  font-weight: bold;
  }
div#error p {
  margin: 0;
  padding: 0 0 0 22px;
  background: url(/images/signup/icon-exclamation.gif) 0 1px no-repeat;
  }

div#notice {
  border: 1px solid #8ab552;
  border-top: 1px solid #94bf5b;
  border-bottom: 1px solid #78a43e;
  background: #c6e8b1 url(/images/signup/bg-notice.gif) top left repeat-x;
  color: green;
  text-shadow: 0 1px 1px #fff;
  font-weight: bold;
  }
div#notice p {
  margin: 0;
  padding: 0 0 0 22px;
  background: url(/images/signup/icon-tick.gif) 0 1px no-repeat;
  }

.errorExplanation {
  width: 400px;
  margin-bottom: 20px;
  padding: 12px 15px;
  background-color: #fffee3;
  border: 1px solid #c00;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  font-family: Arial, Helvetica, sans-serif;
  }
.errorExplanation h2 {
  margin: 0 0 .8em;
  padding: 0;
  color: #c00;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  text-shadow: 0 1px 1px #fff;
  }
.errorExplanation p {
  padding: 0;
  clear: both;
  color: #333;
  }
.errorExplanation ul {
  margin: 1em 0 0;
  font-size: 12px;
  list-style: disc inside;
  }

.apply-discount-error {
  width: 400px;
  padding: 5px 5px;
  background-color: #fffee3;
  border: 1px solid #c00;
  +border-radius(6px);
  border-radius: 6px;
  display: inline-block;
  visibility: hidden;
}

/* 5: MISC
==================================================== */

/* Clear floats */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
.clearfix {display: inline-block;}

/* Terms of service checkbox at the bottom of the attendee signup form */

p.terms_of_service {margin: 10px 0 10px 0;}

/* 6: RECEIPT
==================================================== */

#receipt h1 {margin-bottom:0.2em;}
#receipt h2 {margin-bottom:0.2em;}
#receipt h3 {font-size:1.3em;margin-bottom:0.5em;font-weight:normal;}
#receipt dt {font-size:1em;}
#receipt p {margin-bottom:1em; text-align:justify;}
#receipt table {margin-top:0.4em; width:70%;}
#receipt table th {width:10em; padding:0;}
#receipt table td {height:auto; padding:0 0 0.2em; font-weight:normal;}
#receipt table tfoot {border-top:2px solid black;}
#receipt table tfoot td {padding-top:0.2em;}
#receipt td.ticket-count { width:5em; }

#receipt-title {margin-bottom:0.3em;}

#receipt-attendees { height:1%; overflow:hidden;}
.receipt-attendee {float:left;display:block;width:32em;overflow:hidden;}
.receipt-attendee dt {width:12em;}
.receipt-attendee dd {width:20em;}
.receipt-attendee dl {padding-bottom:0.5em;}

#page_top_links {float:right;}
#page_top_links > * {display:block; float:left; margin:0 0.5em;}

#receipt_footer_site_url {margin-top:2em; text-align:center;}

#receipt-event-details {margin-top:0;}
#receipt-event-details dt {width:auto; font-weight:normal;}

#receipt-booking-details {}
#receipt-booking-details dt {width:auto; font-weight:normal;}

#banner {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 1em 0; margin-top:1.5em;margin-bottom:1.5em;}

#ticket-table .ticket-label{
    width: 110px;
}

#errorExplanation h2{
  margin-top: 0 !important;
}

#free-signup-cancel-link {
  text-align: center;
}
.free-signup-yes-button {
  width: 200px;
  height: 40px;
  float: left;
  background-color: #24FC24;
  margin-right: 30px;
  color: white;
  margin-left: 250px;
  margin-top: 25px;
  font-size: 25px;
  padding-top: 20px;
  font-weight: bold;
}
.free-signup-no-button {
  width: 200px;
  height: 40px;
  float: left;
  background-color: #FC6434;
  margin-right: 30px;
  color: white;
  margin-top: 25px;
  font-size: 25px;
  padding-top: 20px;
  font-weight: bold;
}

#free-signup-cancel-link a {
  color: white;
  text-decoration: none;
}
#fb{
  width: 125px;
}
#fb li{
  float: left;
  list-style: none;
}
#fb li #fb_like{
  width: 48px;
  overflow: hidden;
}

p.highlight {
  color: #ff0000;
}

span.non-bold {
  font-weight: normal;
}

#recaptcha_widget_div {
  border: 2px solid red;
}

#recaptcha_area {
  margin: 0 auto;
}

/* event page  */

.event-dynamic-content iframe {
    max-width: 100% !important;
    height: auto !important;
    min-height: 300px;
}

@media print {
  #footer {
    display: none;
  }
}