/*OrderCreate page*/
#OrderCreate .appContent table{ /*except calendar!*/
  width:100%;
  border-collapse:separate;
  border-spacing:10px;
  line-height:17px;
}
#OrderCreate td.label {
  width: 60%;
}
#OrderCreate td.value{
  border:1px solid #8D8D8D;
}
#OrderCreate input.value {
  border:1px solid #8D8D8D;
}
#OrderCreate .input{
  width: 100%;
  border:0 none transparent;
}
#OrderCreate input.input{
  padding: 2px 0;
}
#OrderCreate #txtVoucherQuantity {
  width: 10px;  
}
#OrderCreate #txtBuyerPrefix, #OrderCreate #txtBuyerInitials {
  width: 50%;  
}
#OrderCreate .date-selection{
  float:left;
}
#OrderCreate fieldset.disabled td.value{
    border:1px solid #D8D8D8;
}
#OrderCreate .date select{
	border:1px solid #8D8D8D;
}
#OrderCreate .date .month{
    width:80px;
}
#OrderCreate .date .year{
    width:40px;
}
#OrderCreate .send-to-receiver{
	padding-bottom:10px;
}
#OrderCreate .date-picker{
  float:left;
  display:block;
  width:24px;
  height:16px;
  cursor:pointer;
  background-position:-56px -72px;
}

/*Voucher Selection*/

#OrderCreate #voucherSelection .voucher {
    position: relative;
    float: left;
    display: inline;
    width: 220px;
    height: 154px;
    margin-right: 3px;
    z-index: 0;
}
.ie6 #OrderCreate #voucherSelection .voucher {
    margin-right: -4px;
}
#OrderCreate #voucherSelection .dynafields {
    position: absolute;
    display: block;
	z-index: 1;
    overflow: hidden;
    height: 20px;
    bottom: 25px;
    color: #0D5E35;
    font-weight: bold;
    font-size: 10px;
}
.ie6 #OrderCreate #voucherSelection .dynafields {
    bottom: 30px;
}    

#OrderCreate #voucherSelection .label {
    width: 100px;
    right: 110px;
    font-family: Tahoma;
    color: #B6C92F;
    text-align: center;
}

.ie6 #OrderCreate #voucherSelection .label {
    right: 120px;
}
#OrderCreate #voucherSelection .currency {
    width: 13px;
    right: 89px;
}
.ie6 #OrderCreate #voucherSelection .currency {
    right: 99px;
}
#OrderCreate #voucherSelection .value {
    width: 38px;
    right: 55px;
}
.ie6 #OrderCreate #voucherSelection .value {
    right: 65px;
}
#OrderCreate #voucherSelection #customValue {
    width: 35px;
    height: 12px;
    bottom: 27px;
}
.ie #OrderCreate #voucherSelection #customValue {
    bottom: 30px;
}
.ie6 #OrderCreate #voucherSelection #customValue {
    bottom: 36px;
}
#OrderCreate #voucherSelection .voucher .button {
    text-align: center;
}

#OrderCreate #voucherSelection .image {
    width: 230px;
    height: 144px;
}

#OrderCreate .overlay {
	position: absolute;
    display: block;
    width: 230px;
    height: 144px;
    top:0px;
    left: 0px;
    z-index: 3;
}

#OrderCreate .overlay-img{
    background-image: url(../images/bon-disabler.png);
}

/**** OrderSubmit  ****/
#OrderSubmit table{
  width:100%;
  border-collapse:separate;
  border-spacing:10px;
  line-height:17px;
}
#OrderSubmit td.label {
  width: 60%;
}
#OrderSubmit .button {
    display:inline;
}
#OrderSubmit .back {
    float:left;
}
#OrderSubmit .next {
    float:right;
    clear:right;
}
#OrderSubmit .back b{
    float:left;
}
#OrderSubmit .next b{
    float:right;
}

/**** orderAcceptPage ****/
#OrderAccept .confirmation-container {
    float:left;
}
#OrderAccept .confirmation-container .confirmation-text {
    float:left;
    width:400px;
}
#OrderAccept .confirmation-container .voucher {
    float:right;
	width:230px;
    position:relative;
}
#OrderAccept .confirmation-container .voucher .image{
    width:230px;
    height:144px;
}
#OrderAccept .voucher .dyna-fields {
    position: absolute;
    display: block;
    z-index: 1;
    overflow: hidden;
    height: 20px;
    bottom: 18px;
    color: #0D5E35;
    font-weight: bold;
    font-size: 10px;
}

#OrderAccept .voucher .label {
    width: 100px;
    right: 124px;
    font-family: Tahoma;
    text-align: center;
    color: #B6C92F;
}

#OrderAccept .voucher .currency {
    width: 13px;
    right: 109px;
}

#OrderAccept .voucher .value {
    width: 78px;
    right: 38px;
}

#OrderAccept table{
  width:100%;
  border-collapse:separate;
  border-spacing:10px;
  line-height:17px;
}
#OrderAccept td.label {
  width: 60%;
}
#OrderAccept td.value{
    font-weight:bold;
}

/**** voucherLookup page ****/
#VoucherLookup table {
    width:100%;
}
#VoucherLookup td {
  white-space:nowrap;
}
#VoucherLookup td.value input{
  width: 20.5em;
  border:1px solid #8D8D8D;
}
#VoucherLookup #recaptchaWidget {
	margin-top: 20px;
	margin-bottom: 20px;
}
#VoucherLookup #recaptcha_image {
	border: solid black 1px;
    float: right;
}
#VoucherLookup #about-recaptcha-container {
    clear: both;
}
#VoucherLookup .about-recaptcha {
	float: right;
	font-size: smaller;
	color: #C0C0C0;
}
#VoucherLookup .about-recaptcha a {
    color: #8C8C8C;
}

/**** voucherShow page ****/
#VoucherShow #voucher{
	position:relative;
    width:573px;
    height:349px;
}
#VoucherShow .MIN {
    background:url(../images/bon-min-code-big.jpg) no-repeat 0 0;
}
#VoucherShow .MEDIUM {
    background:url(../images/bon-medium-code-big.jpg) no-repeat 0 0;
}
#VoucherShow .CUSTOM {
    background:url(../images/bon-custom-code-big.jpg) no-repeat 0 0;
}
#VoucherShow .info{
  font-family: Tahoma;
  font-size:11px;
  position:absolute;
  top:48px;
  left:365px;
  width:190px;
  border-collapse:collapse;
  color:#B6C92F;
}
#VoucherShow .info td{
  line-height: 17px;
}
#VoucherShow .info td.label{
  width:120px;
  padding-right: 3px;
}
#VoucherShow .info td.nr{
  font-weight:bold;
}
#VoucherShow #voucherInfo{
  margin-top: 10px;
}
#VoucherShow #voucherInfo .label{
  font-weight: bold; 
}
#VoucherShow #voucherInfo .value{
  padding-left: 15px; 
}
#VoucherShow #conditions{
  margin-top: 25px;
}
#VoucherShow ul li {
  margin-left: 20px;
  list-style-image: url(/centerparcs/images/list-bullet.gif);
}