form#yReportClaims {
    width: 250px;
}

form#yReportClaims label, form#yReportClaims input[type="submit"] {
    clear: left;
    display: block;
    margin: 4px 0;
}

form#yReportClaims input {
    width: calc(100% - 14px);
    padding: 6px;
}

form#yReportClaims input[type="submit"] {
    width: auto;
    margin: 6px 0 0;
}

form#yReportClaims p {
    margin: 14px 0;
    color: #ED1C2D;
}

.orderDetailButtonWrap {
    position: absolute;
}

.orderDetailButtonWrap:hover .popup {
    visibility: visible;
    opacity: 1;
    transition-delay:0s;
}

.orderDetailButtonWrap .popup {
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
    transition: visibility 0s linear 0.5s,opacity 0.5s linear;
    opacity: 0;
    position: absolute;
    left: -13px;
    top: 47px;
    background: #fff;
    border: 1px solid #9f9f9f;
    border-radius: 7px;
    -moz-border-radius: 7px;
    padding: 0 7px 7px;
    z-index: 9999;
}

.orderDetailButtonWrap .popup:after {
    content: "";
    clear: left;
    display: block;
}

.orderDetailButtonWrap .popup > span {
    display: block;
    width: 14px;
    height: 8px;
    left: 20px;
    position: relative;
    top: -8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAIAAABGc1mbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gQdFhwqlnS1NAAAAOdJREFUGNNNUL3KwkAQnL3GwpO0FhbWRsQqqZNHyXPpy3gkHCmshEBeQEKqBLu73f2KQ/mmWpgfdoZCCABUVVWJSESmadrtdtZaESEiIgJAREZERERVAcQY13V1zj0ejxBC8idWRIx+wcwxRufc9Xrd7/d93/8oAABMMjGziHjvD4dDnudlWW42m3EcmfkXZAAk9TAM1tqiKFLG6XR6Pp/zPKcPAZiU936/X6/X5XJJFQFkWVZVVdd1n88naYyqLsviva/rervdprLJcDwez+dz27YhBGam2+1GRE3T4Iu02v/7fr8D+AOWLcJY1g8deQAAAABJRU5ErkJggg==);

}

.orderDetailButtonWrap .popup .yrsButton {
    float: left;
    clear: left;
    margin-top: 8px;
}

.orderDetailButtonWrap .popup .yrsButton:first-of-type { margin-top: 0; }

.orderDetailWrap {
    min-width: 790px;
    min-height: 320px;
    margin: 8px;
    font-family:"Times New Roman", Times, serif;
    color: #000;
}

.orderDetailWrap h1 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 32px;
    line-height: normal;
}

.orderDetailWrap h2 {
    padding: 0;
    margin: 20px 0;
    font-size: 22px;
    line-height: normal;
}

.orderDetailWrap h1, .orderDetailWrap h2 {
    text-align: left;
    font-weight: bold;
    color: #000;
}

.orderDetailWrap table {
    font-size: 15px
}

.orderDetailWrap .topRightWrap {
    position: absolute;
    top: 10px;
    right: 15px;
}

.orderDetailWrap .yrsOrderButton {
    display: table-cell;
}

.orderDetailWrap span.space {
    display: table-cell;
    padding: 0 10px;
}

.orderDetailWrap .yrsButton-close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAIAAAD5fKMWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gUDCwoQ1bjgbgAAAXpJREFUKM8tz0tuU0EURdF9br3nRMk8oBM7IkwJIf8UMxKUOPFHMCUUkA1DQeDUq3tomP5q7K2Ht5+LunIp16EOKjQcFhAdrdKrb11X6p+TKJ0kXcfs2wLzfPPgFgiLyKxEXLTlYUV6f/dc/7YIZ7wmxsrlr/vSh4WMIy9GsfixAixlMxCNUmvbv3sSgWN+uO+7kIMuPhxnEpC7ybrVBELO0tpwys3tGrCYHpejq255/BQuiO14m3WwAIKQVWzlKXeTtRgEH79PBULb8boNr5wlhEgLKy2yan/3BbCjwf79Jl+xjTsxAGGAKJZIj3L6ModIUcz0ZVb6CHVNDQcQYXDNpO+7xWGBwXy926A0MTsuVQiZc02jKEZxzfRwj4XYTtbD77a72Z7N/Oeq9OW/7pQasXhZppG0HT+3YUjV1tpm/GiBmR9WGgUQg6OUgBJiN9n4dJIJ95XM1naTRwm7dQpAT28eU/Xy6nKorrU6FA4xnLcAjaJT1FNC/gOFjNemiqdF4QAAAABJRU5ErkJggg==);
    display: table-cell;
    cursor: pointer;
}

.orderDetailWrap table {
    width: 100%;
    border-collapse: collapse;
    border: 0;
}

.orderDetailWrap table tr {
    border: 0;
}

.orderDetailWrap table tr td {
    padding: 7px 5px 7px 5px;
    vertical-align: middle;
    text-align: left;
    border: 0;
}

.orderDetailWrap table tr td:last-child {
    width: 250px;
    font-size: 11px;
}

.orderDetailWrap table tr td:last-child a { float: right; }

.orderDetailWrap table tr:first-child {
    border-top: 1px solid gray;
}

.orderDetailWrap table tr {
    border-bottom: 1px solid gray;
}

/**
 * BUTTONS
 */

.yrsButton {
    display: inline-block;
    background: #92278f 12px 9px no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2MkM5Q0U2RjNBQkFFMzExODRGM0MxMjYyNzhBOThDRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGMEI5QUJDN0NGQjIxMUUzOTI5Q0VGNEJENDkwMkE1NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGMEI5QUJDNkNGQjIxMUUzOTI5Q0VGNEJENDkwMkE1NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNDM0RBNTM1OUZDQkUzMTE4RDFDOTBDRDQyMEFCQjlEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYyQzlDRTZGM0FCQUUzMTE4NEYzQzEyNjI3OEE5OENEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PIkovQAAAwpJREFUeNqcVF1IFFEUvndnZsednXVHwiIrRWtNpCgokB6ChQjssQezoJIkUBB1/enF1x5LV1dTaB+ip8iHSujPoqcgqIcgSAp3W38yKdnZ2Z3dWWdm56dzJxVR14cuXObeO+d83z3nfOfiyNEwKjYs00LdsV6/ls43RM9E39iWjRDe2daFdhmheB8lJVLPWYGbbvvUEeya7cHFbHcFgmHTDP1Oy6iI8dGxcPVd+3+BaGQjhuYYsqZ2MywKRPIxWj+iG4YxQDEUkhbSAz1z/WxRRuIACSVs1vDhQRsGoCAETl4lqQS5PRxKxUVEe5i2e8ci7R1fu1wQooUxdq4BecTOhcDRk0qkXmWX5P7xE2NkXw6zmkwxJi6Is0nbVPUGwiDNpcbgcwBmJUxh/Pgoyiymb4P/I7RuRIYqq7aW1Ww9r9uWZTln8lKmExhLxVhynuxNw7S1nObYqRl13dVGkbow0uVCUFlRmtKLaecwPS9F4BOAWQ/hIAiZ3JQH6DpLt0+L8eQMsRPj4kdFzDcqmfw5FKl1BEniZOEfC8wJwqj8yV2GM2YkMOSQQV7Q8JFBJCWkZyBUIEvfWSsWKSnGm5Vt6ibCLoxa3rZOCtVCU24l1+Tb55sCkAIkn4FcPBaqhItaKt/sKeefAkmB2G8rP+WmUOhHXwnDMVNkz+/lPxOQUKKvBrYcRbtmCvkCip6NTkK4GyDFdFTQFf1mKiaugg7469M3JDj7AbeZcPP0B7fXjVrft18CQldRQRJNQagmSCTIV/g8EPoXhO1k9pfcw5ayVxiOfUmyWZBXr63lZgcgMCDC7PweqvNXCsiAEKD0Aw/PPwiUHvRHQZje7HJuyjZtZJpm40jtkGYZ1nYgQzUQSKc+u5z9Bh2f5cq9Jf5DwiDJG1RNgZzky2rKmlcz6gUgoq++aEl3x3vZdbANoN75Wy5NUqt8FT6EafwEWoCCMHWnFaBlSL9BlbT7p8Zfyz/l3/x+3g9uXrT2HuCtDxuEVjNxcixBqrO5KlseOzcsfZFAWMTUP5u/AgwAXbTAlNaE4y8AAAAASUVORK5CYII=);
    color: #fff;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.2em;
    padding: 10px 21px 10px 42px;
    font-weight: normal;
    line-height: 1em;

    border: 1px solid #3c193a;
    border-radius: 7px;
    -moz-border-radius: 7px;
    white-space:nowrap;
}

.yrsButton:hover { text-decoration: none; color: #fff; }

.yrsButton:active, .yrsButton:visited { color: #fff; }

.yrsButton-with-time {
    padding: 5px 21px 5px 42px;
}

.yrsButton span {
    color: #fff;
    float: left;
    clear: left;
    font-size: 1.0em;
}

.yrsButton span:last-child {
    font-size: 12px;
}

.yrsButton-order-detail {
    background: #fff 10px 9px no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2MkM5Q0U2RjNBQkFFMzExODRGM0MxMjYyNzhBOThDRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQUE0MzFFN0NGQjUxMUUzOTA4MThBODA2QUJFOTBDNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQUE0MzFFNkNGQjUxMUUzOTA4MThBODA2QUJFOTBDNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNDM0RBNTM1OUZDQkUzMTE4RDFDOTBDRDQyMEFCQjlEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYyQzlDRTZGM0FCQUUzMTE4NEYzQzEyNjI3OEE5OENEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1bXR9AAAAZtJREFUeNqklEsohUEUx13P6xUbpOSZSPYs2dlZcbOwsyWyUDbKWinEwkopUV4lr7KwERaK8ihRdhZCIXldfqf+n8bt+r5i6tfMd+bMmTNn/vOFRqqGEwJaDtTBZrzJzrPu73FiQKAkWIENaICQn3NQsE/Y0vhc338OlgwpTpYJ/wn2Cv0aW5/m5xzSBdiu0ZhjZKpOK66/EojG2riID5tI14JeTeZBGeTDuGz16segEIohV7ZBmPYys2vf9cm+C6bgCEp8/EqtwHvQqIzmNDEqrPgnstVCEWQpeA3swwC8ccyrZDluQyqE4dS0CDsw7+z8CGewpEBD0Kd6v3tX7+npReNyZTgDLbBsOyvLWWiGCCzaRZBR1E8aYQWwdqBAtkEGHMs+J3ugzsypA55Vnzu4gAkd3VprvLXxgn1IXyaZQ7iBHmiDVfm0Oy/j12BWzGrn21RfCZMSsXf8JqfGP96e22qkpwdJxXsRT+ojktEa3EOBGzQxJktPlAvK8jVmM1u4Dtf6z2X+lllUz6oCLgN+ALZpNty6xi8BBgDNZ1wW8CyG2AAAAABJRU5ErkJggg==);
    border-color: #a4a4a4;
    color: #92278f;
}

.yrsButton-order-detail:active, .yrsButton-order-detail:visited {color: #92278f;}

.yrsButton-order-detail:hover {
    color: #92278f;
}

.yrsButton-plus, .yrsButton-close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gUBCjk5yKq/jgAAAQdJREFUKM91kctRQzEUQ4/kl1YgxfEpBSYpjqGVJJZY+GXBELSyry2NrqTT8wfQVhKKGC9f7xTE+fjJbxgoE4+2xaQACo9gwB2kVkUqAOo++r0BdVRHdoDlApGH2lYs1yEG0HJSV6CMUmU5tLh1KJPYDtEkFANiUs+KDKx6qm1bqeCVzCQDt1M1VqgRhGgDIg0EkSgay7HG2sFody2pLaSgej22SITemQYgQTo9naVL95Hbvn2/Lq3z8bQOQdYs21ZfyqYGjNvcwJRS8FpHQTVic9YtCp3TGvcUW65okOnhtmq2impRs/TZe7FYzNEAKnuuAVObQ7kSz/+7hHmoblhd4ZqxWv2DH3m7rK6GBJR8AAAAAElFTkSuQmCC);
    background-position: center;
    text-indent: -9999px;
    width: 36px;
    height: 36px;
    height: 33px;
    color: #fff;
    margin-left: 10px;
    padding: 0 ;
    vertical-align: top;

}

.yrsButton-problem-reported {
    opacity: 0.4
}

/* ORANGE */
.yrsButton-escalated-to-odr {
    background-color: #f67130;
    border-color: #d5473b;
}

/* YELLOW */
.yrsButton-waiting-for-decision {
    background-color: #e79f22;
    border-color: #bd7100;
}

/* GREEN */
.yrsButton-to-be-implemented, .yrsButton-waiting-for-retailer-s-response {
    background-color: #367f3a;
    border-color: #116e42
}

.y-ajax-spinner {
    display: inline-block;
    min-width: 170px;
    min-height: 32px;
    background-image: url(data:image/gif;base64,R0lGODlhEAAQAPIAAP///4wjiePK4qlbp4wjibd3tsaTxM2gzCH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==);
    background-position: center;
    background-repeat: no-repeat;
}