/* 
    Document   : registration
    Created on : Jul 9, 2010, 1:04:17 PM
    Author     : jlh
    Description:
        Purpose of the stylesheet follows.
*/

h1 {
  font-size: 1.2em;
  font-style: oblique;
  color: #767676;
  margin: .36em 4em .24em 2em;
  border-bottom: 1px solid #767676;
}

.divider {
  border-bottom: 1px solid #dfdfdf;
  margin: .62em 0 .62em 0;
}

.divider_bar {
  width: 1px;
  height: 100%;
  float: left;
  background-color: #dfdfdf;
}

#add_ticket {
  width: 50%;
  min-width: 28em;
  float: left;
}

#add_ticket #ticket_form {
  width: 24em;
  background-color: #ffffff;
  border: 1px solid #7c7c7c;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 1em .62em;
  margin: 1em auto .31em auto;
}

#add_ticket #button_box {
  width: 26em;
  margin: .62em auto 1em auto;
  text-align: right;
}

.input {
  margin-top: .62em;
}

.label {
  display: inline-block;
  width: 8em;
  font-weight: 600;
  font-size: .9em;
  text-align: right;
  color: #656565;
}

.value {
  display: inline-block;
  width: 14em;
  margin-left: 1em;
}

.value input {
  width: 13.5em;
  padding: .2em .5em;
  border: 1px solid #dfdfdf;
}

.value input:disabled {
  background-color: #ffffff;
}

.value select{
  width: 14.7em;
  border: 1px solid #dfdfdf;
}

.required {
  color: #ff0000;
}

.float_clear {
  clear: both;
}

#type_label {
  display: block;
  font-weight: 600;
  font-size: .8em;
  text-align: left;
  color: #656565;
  margin-bottom: .2em;
}

#ticket_types {
  display: block;
  float: left;
  border: 1px solid #dfdfdf;
  width: 13em;
  min-height: 9em;
}

#ticket_fees {
  display: block;
  float: left;
  width: 10em;
  height: 8em;
  margin-left: .61em;
  text-align: center;
}

.small {
  width: auto;
}

#price_label{
  display: block;
  font-weight: 600;
  font-size: .8em;
  text-align: left;
  color: #656565;
  margin-top: 2em;
  margin-bottom: .2em;
}

#dollar {
  font-size: 1.5em;
  font-weight: 600;
  margin-right: .2em;
}

#ticket_price {
  width: 3.2em;
  font-size: 1.5em;
  text-align: right;
  border: 1px solid #dfdfdf;
}

.type_container {
  padding: .1em .2em;
}

.type_container label {
  font-size: .85em;
  margin-left: .2em;
}


#message_label{
  display: block;
  font-weight: 600;
  font-size: .8em;
  text-align: left;
  color: #656565;
  margin-top: .5em;
  margin-bottom: .2em;
  cursor: pointer;
}

#shopping_cart {
  width: 49%;
  float: left;
  min-width: 32em;
}

#cart {
  cursor: default;
  width: 42em;
  font-size: .8em;
  margin: 1em auto .31em auto;

}

#cart_checkout {
  margin: 1em auto .31em auto;
  width: 33em;
  cursor: default;
  text-align: right;
}

#cart_top {
  font-weight: 600;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.14, rgb(189,189,189)),
    color-stop(0.5, rgb(240,240,240)),
    color-stop(0.94, rgb(245,245,245))
  );
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(189,189,189) 14%,
    rgb(240,240,240) 50%,
    rgb(245,245,245) 94%
  );
  border: 1px solid #bbbbbb;
}

#cart_body {
  background-color: #ffffff;
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  height: 15em;
  overflow: auto;
}

#cart_bottom {
  font-size: 1.4em;
  border: 1px solid #bbbbbb;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.14, rgb(189,189,189)),
    color-stop(0.5, rgb(240,240,240)),
    color-stop(0.94, rgb(245,245,245))
  );
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(189,189,189) 14%,
    rgb(240,240,240) 50%,
    rgb(245,245,245) 94%
  );
  text-align: right;
}

#cart_bottom #cart_total {
  display: inline-block;
  width: 5em;
  padding: .05em .4em;
  text-align: right;
  font-weight: 600;
}

#cart .record {
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
}

#cart .odd {
  background-color: #f9f9f9;
}

#cart .record .record_id {
  display: none;
}

#cart .record:hover {
  background-color: #ffe8e8;
}

#cart .event {
  display: inline-block;
  width: 11em;
  padding: .05em .4em;
}

#cart .category {
  display: inline-block;
  width: 10em;
  padding: .05em .4em;
}

#cart .name {
  display: inline-block;
  width: 12.7em;
  padding: .05em .4em;
}

#cart .price {
  display: inline-block;
  width: 4em;
  padding: .05em .4em;
  text-align: right;
}


#CartFrame {
  width: 38em;
  height: 35em;
  margin: 1em auto .31em auto;
  background-color: #ffffff;
}


#Cart {
  width: 100%;
  max-height: 35em;
  overflow: scroll;
  text-align: center;
  border-collapse: collapse;
}

#Cart th {
  font-weight: 300;
  background-color: #abc2d7;
}

.odd td {
  background-color: #f5f5f5;
}

#Cart tr:hover td {
  cursor: pointer;
  background-color: #ffe8e8;
}

.CartTotal {
  width: 38em;
  margin: .62em auto 1em auto;
  text-align: right;
}

.CartTotal span {
  margin-right: .62em;
}

.CartTotal input {
  color: #d73c3c;
  font-weight: bold;
  font-size: 1.2em;
  background-color: transparent;
  width: 6em;
  border: none;
}

/******************************************************************************\
 ***                          Print Region                                  ***
\******************************************************************************/
@media screen {
  #print_region {
    display: block;
    position: absolute;
    left: -9999px;
  }
}/* screen */


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

  #nav {
    display: none;
  }

  #content {
    display: none;
  }

  #print_region {
    display: block;
    position: inherit;
    padding: 0;
    font-family: "Times New Roman", Times, serif;
    text-align: center;
  }
}
 @media screen,print{
  .ticket {
    width: 500pt;
    text-align: center; 
    font-size: 12pt; 
    position: relative;
  }
  
  .club_logo_container {
    display: inline-block; 
    width: 150px; 
    text-align: right; 
    vertical-align: middle;
  }
  
  .event_logo_container {
    display: inline-block; 
    width: 150px; 
    text-align: left; 
    vertical-align: middle;
  }
  
  .event_container {
    display: inline-block; 
    margin-left: 7.5pt; 
    margin-right: 7.5pt;
  }
  
  .club_logo, .event_logo {
    max-height: 62px; 
    max-width: 150px;
  }
  
  .event_name, .contestant_name, .ticket_number {
    font-size: 14pt; 
    margin: 1.5pt 0 1.5pt;
  }
  
  .category_name {
    color: #747c9c;
    font-size: 16pt;
    margin: 7.5pt 0 11pt;
  }
  
  .event_sub {
    font-size: 12pt; 
    margin: 0 0 3pt;
  }
  
  .ticket_footer {
    font-size: 7pt;
  }
  
  .sponsors_container {
    margin-top: 3pt;
  }
  
  .sponsors_label {
    display: block;
    font-size: 7pt;
    margin: 2px 0 10px 80px;
    text-align: left;
  }
  
  .sponsor_image {
    display: inline-block; 
    margin: 1pt 5pt;
  }
  
  .QrCode {
    position: absolute; 
    text-align: left !important; 
    font-size: 7pt; 
    top: 20pt; 
    left: 5pt;
  }
}