*OrderCreate page*/
#OrderCreate .round-main{
	float:left;
}
#OrderCreate #inputSection {
    float:left;
    width:425px;
}
#OrderCreate #voucherSelection {
    float:right;
    width:270px;
}

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

/*Voucher Selection*/
#OrderCreate #voucherSelection .voucher {
    position: relative;
    float: left;
    display: block;
    width: 265px;
    height: 128px;
    margin-right: 3px;
}

#OrderCreate #voucherSelection .dynafields {
    position: absolute;
	overflow:hidden;
    height: 20px;
    bottom: 13px;
    color: #0D5E35;
    font-weight: bold;
    font-size: 10px;
}
.ie #OrderCreate #voucherSelection .dynafields {
    bottom: 7px;
}    

#OrderCreate #voucherSelection .label {
    width: 98px;
    right: 67px;
    font-family: Tahoma;
    text-align: center;
    color: #636363;
}

#OrderCreate #voucherSelection .currency {
    width: 13px;
    right: 50px;
}

#OrderCreate #voucherSelection .value {
    width: 44px;
    right: 10px;
}
#OrderCreate #voucherSelection #customValue {
    height: 12px;
    width: 40px;
    height: 12px;
}
.ie #OrderCreate #voucherSelection #customValue {
    bottom: 13px;
}
#OrderCreate #voucherSelection .voucher .button {
	position:relative;
	float:left;
	display:block;
	top:40%;
	vertical-align:middle;
}

#OrderCreate #voucherSelection .image {
    position:absolute;
	left:16px;
	float:right;
	display:block;
	width: 245px;
    height: 128px;
}

#OrderCreate .overlay {
    position: absolute;
    display: block;
	left:16px;
    float:left;
	clear:both;
    width: 245px;
    height: 128px;
    z-index: 3;
}

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

/**** OrderSubmit page ****/
#OrderSubmit table{
  width:100%;
  border-collapse:separate;
  border-spacing:10px;
  line-height:17px;
}
#OrderSubmit td.label {
  width: 60%;
  font-weight:bold;
}
#OrderSubmit td.value{
  color:#2785C4;
}
#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 page ****/
#OrderAccept .confirmation-container {
    float:left;
}
#OrderAccept .confirmation-container .confirmation-text {
    float:left;
    width:400px;
}
#OrderAccept .confirmation-container .voucher {
    float:right;
    position:relative;
}
#OrderAccept .confirmation-container .voucher .image{
    width:279px;
    height:146px;
    z-index: 1;
}
#OrderAccept .voucher .dyna-fields {
    position: absolute;
    display: block;
    z-index: 2;
    overflow: hidden;
    height: 20px;
    bottom: 32px;
    color: #EDC500;
    font-weight: bold;
    font-size: 10px;
}

#OrderAccept .voucher .label {
    width: 98px;
    right: 99px;
    font-family: Tahoma;
	font-size: 10px;
    color:#B6530E;
    text-align: center;
}
#OrderAccept .voucher .currency {
    width: 13px;
    right: 80px;
}

#OrderAccept .voucher .value {
    width: 55px;
    right: 30px;
}

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

/**** 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:686px;
    height:357px;
}
#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:10px;
  position:absolute;
  top:78px;
  left:503px;
  width:175px;
  border-collapse:collapse;
  color:#B74F04;
}
#VoucherShow .info td{
  line-height:15px;
}
#VoucherShow .info td.value{
  padding-left:3px;
  width:72px;
}
#VoucherShow .info td.nr div{
  font-weight:bold;
  position: relative;
  left: -7px;
}
#VoucherShow .info td.last{
  text-align: center;
}
#VoucherShow #voucherInfo{
  margin-top: 10px;
}
#VoucherShow #voucherInfo .label{
  font-weight: bold;
}
#VoucherShow #voucherInfo .value{
  padding-left: 15px;
}
#VoucherShow #conditions{
  margin-top: 25px;
}
#VoucherShow #conditions ul li{
  margin-left: 20px;
  list-style-image: url(/sunparcs/images/list-bullet.gif);
}