/* Product View 
------------------------------------*/

.product-gift-card .product-view {

}

.product-gift-card #giftcard-product-price, .product-gift-card .product-shop > #product-options-wrapper .price-box {
    display: none;
}
.product-gift-card .product-shop > .price-box #giftcard-product-price{
    display: block;
}
.giftvoucher-product-info {
    margin-bottom: .2em;
}
.product-gift-card .gift-card-preview {
    transform-origin: top left;
}
.product-gift-card .giftcard-image-select, .product-gift-card .giftcard-template-select {
    display: none;
}
.product-gift-card .giftcard-template-select.more-than-1 {
    display: block;
}

.product-gift-card .product-options dt,.product-gift-card .product-options-bottom dt {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}
.product-gift-card .product-options dt label, /* swatch label */
.product-gift-card .product-shop .price-box, 
.product-gift-card .std,                      /* description */
.product-gift-card .giftvoucher-receiver,     /* send to friend */
.product-gift-card .day-to-send,
.product-gift-card .send-to-friend,
.product-gift-card .product-sku               /* calendar field */
{
    display: block;
    width: 100%;
    clear: both;
    float: left;
}
.product-gift-card .divider {
  margin-bottom: 15px;
}

.product-gift-card .required {
  display: none;
}
.product-gift-card .giftcard-template-select dt {
    width: 100%;
    float: left;
    margin-top: 1em;
}
.product-gift-card .gift-card-range dd,
.product-gift-card .gift-card-dropdown dd {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 1em;
}
.product-gift-card .giftcard-image-select {
    margin-top: 1em;
}
.product-gift-card #giftcard-template-show-images {
    float: left;
    clear: both;
    width: 100%;
}
.product-gift-card .color-swatches li a {
    position: relative;
    float: left;
    width: 70px;
    height: 52px;
    text-align: center; cursor: pointer;   
}
input[type=text].validate-date-giftcard {
    width: 7em;
}
/* calendar */

.calendar,
.giftvoucher-index-index .calendar {
  border: solid 1px #666;
  font-family: helvetica,arial,sans-serif;
  font-size: 11px !important;
  z-index: 200;
}
.calendar table,
.giftvoucher-index-index .calendar table {
  border: solid 1px #666;
  background: #eee;
  font-family: helvetica,arial,sans-serif;
}
.calendar tbody td,
.giftvoucher-index-index .calendar tbody td {
  border: solid 1px #eee;
}
.calendar .button,
.giftvoucher-index-index .calendar .button { 
  display: table-cell;
  background-image: none !important;
  background: #eee;
  border: solid 1px #666;
  color: #000;
}
.calendar thead .title,
.giftvoucher-index-index thead .title {
  padding: 1px !important;
  border: none;
  background: #aaa;
}
.calendar thead .name,
.giftvoucher-index-index .calendar thead .name { 
  background: #eee;
  font-family: helvetica,arial,sans-serif;
}
.calendar thead .weekend,
.giftvoucher-index-index .calendar thead .weekend {
  color: #000;
  font-weight: bold;
}
.calendar thead .hilite,
.giftvoucher-index-index .calendar thead .hilite {
  border: solid 1px #666 !important;
  background-color: #aaa;
  padding: 0px !important;
}
.calendar thead .active,
.giftvoucher-index-index .calendar thead .active {
  border: solid 1px #666 !important;
  background-color: #666;
}
.calendar table .wn,
.giftvoucher-index-index .calendar table .wn {
  background: #ccc;
  border: solid 1px #000;
}
.calendar tbody .rowhilite td,
.giftvoucher-index-index .calendar tbody .rowhilite td {
  background: #ccc;
}
.calendar tbody .rowhilite td.wn,
.giftvoucher-index-index .calendar tbody .rowhilite td.wn {
  background: #bbb;
}
.calendar tbody td.hilite,
.giftvoucher-index-index .calendar tbody td.hilite {
  border: solid 1px #000;
  background: #666;
  color: #fff;
}
.calendar tbody td.active,
.giftvoucher-index-index .calendar tbody td.active {
  border: none;
  background: #999;
}
.calendar tbody td.selected,
.giftvoucher-index-index .calendar tbody td.selected {
  border: none;
  background: #555;
  color: #fff;
  border: solid 1px #000;
}
.calendar tbody td.weekend,
.giftvoucher-index-index .calendar tbody td.weekend {
  color: #000;
  font-weight: bold;
}
.calendar tbody td.hilite.weekend,
.giftvoucher-index-index .calendar tbody td.hilite.weekend {
  color: #fff;
}
.calendar tbody td.today,
.giftvoucher-index-index .calendar tbody td.today {
  color: #000;
  background: #ddd;
  border: solid 1px #eee;
}
.calendar tbody .emptycell,
.giftvoucher-index-index .calendar tbody .emptycell {
  visibility: visible;
}
.calendar tfoot .ttip,
.giftvoucher-index-index .calendar tfoot .ttip {
  background: #aaa;
  border: none;
  border-top: solid 1px #000;
}

/* */

#giftcard-preview-button-add {
    clear: both;
    float: left;
    margin: 15px 0;
}
.giftvoucher-get-notification {
    margin: 15px 0;
}
.giftvoucher-get-notification input {
    display: inline-block;
}

div.egcSwatch-arrow {
/*    display: none;*/
    position: absolute;
    height: 11px;
    top: -2px;
    left: 1px;
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
/*    z-index: 10;*/
    background-image: url(giftvoucher/down-arrow.png);
}
#giftcard-template-show-images:hover #giftcard-template-next{
    background-image: url(giftvoucher/arrow-slide-right.png);
}
#giftcard-template-show-images:hover #giftcard-template-prev{
    background-image: url(giftvoucher/arrow-slide-left.png);
}

.discount-form .giftvoucher input[type="checkbox"] {
    display: inline;
    margin-right: .5em;
}
.discount-form .giftvoucher label {
    display: inline;
}

/**
* Giftvoucher reward template
*/
.input-select.validation-failed
{
   border-color: red;
}

span#giftvoucher_wait{
    color: #2F2F2F;
}

.giftvoucher-discount-code button{
    border: medium none;
    background: none repeat scroll 0 0 transparent;
}

.giftvoucher-discount-code button:hover{
    cursor: pointer;
}

.giftvoucher-media{
    border: 2px solid #F7F9F9;
}

.giftvoucher-media .giftmedia{
    border-bottom: 2px solid #F7F9F9;
    padding: 7px;
    color: #F18200;
    font-size: 15px;
}

#giftmedia pre{
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 word-wrap: break-word;
}

.giftvoucher-media .giftmedia-image{
    overflow: hidden;
    width: 265px;
    position: relative;
}

.giftvoucher-product-info .giftvoucher-amount-desc, .giftvoucher-product-info #recipient_ship_desc {
    font-size: 0.9em;
    font-style: italic;
    color: #080;
    margin-top: -5px;
}

.giftvoucher-product-info #message{
    width: 90%;
    height: 88px;
}

.giftvoucher-product-info #recipient_address{
    width: 90%;
    height: 57px;
}

.giftvoucher-product-info #recipient_email,
.giftvoucher-product-info #recipient_name,
.giftvoucher-product-info #customer_name{
    width: 90%;
}

#giftvoucher-result{
    font-size: 15px;
}

#giftvoucher-result label{
    width: 160px;
}


/* Search Grid Style */
.data-table .giftvoucher-grid-title th{
    background-image: none;
    
}

.data-table .giftvoucher-grid-search th{
    vertical-align: top;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item{
    padding-bottom: 2px;
}
.data-table .giftvoucher-grid-search th:first-of-type > div.giftvoucher-grid-search-item {
    width: 200px !important;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{
    width: 97%;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container{
    float: left;
    padding-bottom: 2px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range{
    min-width: 121px;
    min-height: 18px;
    margin-bottom: 3px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{
    display: block;
    width: 36px;
    float: left;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{
    float: right;
    width: 50px;
    padding: 1px;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{
    width: 100%;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price,
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price{
    min-width: 100px;
}

.giftvoucher-search-button {
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 5px;
    text-align: right;
}
.giftvoucher-search-button .button {
    float: left;
    margin-right: .2em;
}
/* End Search */
.customer-account-giftcard .balance{
    overflow: hidden; 
    margin-bottom: 10px; 
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.customer-account-giftcard #giftvoucher_grid .gift-voucher-sent-friend{
    background-color: #F6B26B;
}
.customer-account-giftcard .account-balance{
    overflow: hidden; 
    margin-bottom: 10px; 
    border-bottom: 1px dotted black;
}
.customer-account-giftcard .pager .amount {
  font-size: smaller;
}

/*Hai.Tran*/
.custom-field{
    width: 175px !important;
}
.custom-field-right{
    width: 375px !important;
}
.giftcard-preview-template-dialog .top,
.giftcard-preview-template-dialog .bot{
    display: none;
}
.giftcard-preview-template-dialog .dialog_e,
.giftcard-preview-template-dialog .dialog_w {
    width: 0;   
}
.giftcard-preview-template-dialog .dialog_close{
    display: none;
}
.giftcard-preview-template-dialog .dialog_content{
    background-color: transparent !important;
    color: #2f2f2f !important;
    font: 12px/1.55 Arial, Helvetica, sans-serif;
}

/*#giftcard-template-next:hover{
    background-image: url(/../giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-right.png);
}
#giftcard-template-prev:hover{
    background-image: url(/../giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-left.png);
}*/
/** Media Library **/
.uploader .file-row { display: inline-block;width:315px; padding:0.3em 0.6em; /*margin:0.5em 0.6em;*/ border:1px solid #ccc; background-color:#f9f9f9; /*vertical-align:middle;*/ }
.uploader .file-row-narrow { width: auto; margin: 0 0 2px 40px; }
.uploader .file-row .file-info { float:left; }
/*.uploader .file-row .file-info-name { with: 80%; overflow: hidden; }
.uploader .file-row .file-info-size { width: 20%; }*/
.uploader .file-row-info { margin: 0 0 0 10px; }
.uploader .file-row-info .file-info-name  { font-weight:bold; }
.uploader .file-row .progress-text { float:right; font-weight:bold; }
.uploader .file-row .delete-button { float:right; }
.uploader .buttons { float:left; }
.uploader .flex { float:right; }
.uploader .progress { border:1px solid #f0e6b7; background-color:#feffcc; }
.uploader .error { border:1px solid #aa1717; background-color:#ffe6de; }
.uploader .error .progress-text { padding-right:10px; }
.uploader .complete { border:1px solid #90c898; background-color:#e5ffed; }

#amount_range{
    width: 60px;
}

#discount-giftcard-form .discount {
  padding-top: 1em;
  padding-bottom: 1em;
  clear: both;
  float: left;
  width: 100%;
}
#discount-giftcard-form .discount-form dt,
#discount-giftcard-form .discount-form dd {
  clear: both;
  float: left;
  width: 100%;
}
#discount-giftcard-form .discount-form ul {
  list-style: none;
  padding-left: 0;
}