/**
 * Main CSS styles for modular dialog box
 *
 * Daniel Nordstrom
 * Nintera(ctive)
 */

body.order-system {
	color:        #231f20;
	margin:       0;
	font:         12px Arial, Helvetica, sans-serif;
	background:   #ffffff;
}

#order-system a {
	color:#ed1c24;
	text-decoration:none;
}
#order-system a:hover {
	text-decoration:underline;
}

#order-system {
  color:        #231f20;
  line-height:  1.2em;
}

#order-system p {
  margin:       0 0 1.3em;
}

#order-system p.notice {
  font-weight:      bold;
  text-decoration:  underline;
}

#order-system em {
  color:        #ed1c24;
  font-style:   normal;
  font-weight:  bold;
}

#order-system .form-row {
  clear:      both;
  float:      left;
  position:   relative;
}

#order-system .form-item {
  float:      left;
  position:   relative;
  width:      380px;
  margin:     0 0 20px 0;
}

#order-system.generator-step-1 .form-item {
  width: 450px;
}

#order-system h3 {
  color:        #ed1c24;
  font-size:    1.3em;
  font-weight:  normal;
}

#order-system h3.confirm {
  color:        #000000;
}

#order-system .form-item.col_right {
  margin:     0 0 20px 0;
  width:      230px;
}
  
  #order-system .form-item label {
    clear:        left;
    display:      block;
    float:        left;
    position:     relative;
    width:        155px;
    line-height:  22px;
  }
  
  #order-system .form-item label.error {
    display:      none;
    visibility:   hidden;
    clear:        none;
    float:        none;
  }
  
  #order-system .form-item input.error {
    border-color: red;
  }
  
  #order-system .form-item input,
  #order-system .form-item select,
  #order-system .form-item textarea {
    border:     1px solid #abadb3;
    padding:    3px;
    float:      left;
    margin:     0 6px 7px 0;
  }
  
  #order-system .form-item input#departure_address,
  #order-system .form-item input#destination_address,
  #order-system .form-item input#address {
    width:      108px;
  }
  
  #order-system .form-item input#departure_nr,
  #order-system .form-item input#destination_nr,
  #order-system .form-item input#nr {
    width:        25px;
    text-align:   center;
  }
  
  #order-system .form-item input#departure_suffix,
  #order-system .form-item input#destination_suffix,
  #order-system .form-item input#suffix {
    width:        15px;
    text-align:   center;
  }
  
  #order-system .form-item textarea {
    width:      190px;
    height:     65px;
    color:      #000;
  }

	#order-system .form-item textarea#code {
    width:      395px;
    height:     110px;
    color:      #000;
  }
  
  #order-system .form-item textarea.example {
    color:      #888;
  }
  
  #order-system .form-item div.example {
    color:        #888;
    line-height:  22px;
    font-style:   italic;
  }
  
#order-system h2 {
  background-color:   #EB0033;
  color:              #FFFFFF;
  font-family:        "Franklin Gothic Medium",Arial,sans-serif;
  font-weight:        normal;
  line-height:        45px;
  padding:            0 20px;
  text-transform:     uppercase;
  margin:             0;
  position:           relative;
}

  #order-system h2 #heading-callout {
    font-size:        14px;
    font-style:       italic;
    line-height:      45px;
    position:         absolute;
    right:            20px;
    text-transform:   none;
    top: 0;
  }
  
#order-system .description {
  background-color:   #000000;
  color:              #FFFFFF;
  line-height:        1.4em;
  margin:             1px 0 0;
  padding:            13px 20px;
}
  
#order-system #order-form {
  display:      block;
  line-height:  1.4em;
  margin:       20px;
  position:     relative;
}

#order-system .submit-item {
  clear:      both;
  position:   relative;
  background: #ffffff url('images/submit-bg.png') repeat-x scroll top left;
  height:     70px;
  text-align: center;
}

  #order-system .submit-item input {
    position:     relative;
    width:        172px;
    height:       36px;
    margin:       20px auto;
    background:   #ffffff url('images/submit.png') no-repeat scroll top left;
    border:       none;
    color:        #FFFFFF;
    font-weight:  bold;
    font-size:    1em;
  }
  
  #order-system .submit-item input:hover {
    text-decoration:  underline;
    cursor:           pointer;
  }

#order-system #map {
  height:     300px;
  width:      668px;
  position:   relative;
  margin:     6px 0 15px;
}
  
#order-system .review-item {
  position:   relative;
  float:      left;
  padding:    0 0 0 30px;
}

#order-system #overview {
  border-right:   1px solid #bebebe;
  width:          325px;
  margin:         0 0 15px;
}

#order-system #price {
  width:      235px;
}

  #order-system .review-item h3 {
    color:        #ed1c24;
    font-size:    1.3em;
    font-weight:  normal;
  }
  
#order-system h4 {
  margin:       0;
}
  
  #order-system #price p {
    font-size:    0.9em;
  }
  
/* Colorbox */

#cboxClose {
  display: none;
  visibility: hidden;
}
  
/* Autocomplete results */
  
body .ac_results {
  display: block;
  z-index: 9999;
  border: 1px solid #CCCCCC;
  background: #f3f3f3;
}

  body .ac_results ul {
    margin: 0;
    padding: 0;
  }

    body .ac_results ul li {
      list-style: none;
      list-style-position: outside;
      padding: 3px 5px;
    }
    
    body .ac_results ul li.ac_over {
      background: #f9f9f9;
    }

body .ac_loading {
  background: transparent url("images/autocomplete.gif") no-repeat scroll 95px 2px;
}

/* Button generator button selection */

#order-system .button {
  position:     relative;
  text-align:   center;
  margin:       0 0 10px 0;
}

#button-1-img {
  width:        234px;
  height:       60px;
  background:   transparent url('images/button-234x60.png') no-repeat scroll top left;
}

#button-2-img {
  width:        125px;
  height:       125px;
  background:   transparent url('images/button-125x125.png') no-repeat scroll top left;
}

#button-3-img {
  width:        120px;
  height:       60px;
  background:   transparent url('images/button-120x60.png') no-repeat scroll top left;
}

#order-system .button-item {
  float:        left;
  position:     relative;
  margin:       0 17px 45px 0;
  text-align:   center;
}

#order-system-buttons {
  position:     relative;
  margin-top:   20px;
}

  #order-system-buttons .order-system-button {
    position:       relative;
    height:         100px;
    overflow:       hidden;
    margin-bottom:  10px;
  }
  
  #order-system-buttons #order-system-order-button {
    background:   transparent url('images/tca_buttons.png') no-repeat top left;
  }
  
  #order-system-buttons #order-system-generate-button {
    background:   transparent url('images/tca_buttons.png') no-repeat 0 -100px;
  }
  
  #order-system-buttons .order-system-content {
    position:       relative;
    margin-left:    100px;
    margin-top:     23px;
  }
  
  #order-system-buttons #order-system-order-button .order-system-content {
    margin-left:    85px;
  }
  
  #order-system-buttons #order-system-generate-button .order-system-content {
    margin: 28px 35px 0 160px;
  }
  
  #order-system-buttons .order-system-content a {
    font-weight:    bold;
    color:          #f01e11;
    font-size:      1.4em;
  }
  
  #order-system-buttons .order-system-content p {
    margin-right:   50px;
    margin-top:     5px;
  }
  
  #order-system-buttons #order-system-generate-button .order-system-content a {
    color:          #000;
  }                                                                                                                                                                                                                                                                                                                                                                 