/*
*
* !DO NOT EDIT THE CSS FILES, THEY ARE BUILT WITH THE LESS CSS!
* less/footer/feedback.less
*
* ---------------------------
* Styles associated with the Feedback and Ratings
* ---------------------------
*/
@media (min-width: 320px) {
  
}
@media (min-width: 480px) {
  
}
@media (min-width: 600px) {
  #wdn_footer_feedback #wdn_feedback_comments {
    display: block;
  }
  #wdn_footer_feedback #wdn_feedback_comments > fieldset {
    background: #e0e0e0;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
  }
  #wdn_footer_feedback #wdn_feedback_comments > fieldset legend {
    position: absolute;
    font-weight: bold;
  }
  #wdn_footer_feedback #wdn_feedback_comments > fieldset ol {
    margin-top: 20px;
  }
  #wdn_footer_feedback #wdn_feedback_comments > fieldset ol li {
    position: relative;
  }
  #wdn_footer_feedback #wdn_feedback_comments > fieldset ol li.wdn_comment_email,
  #wdn_footer_feedback #wdn_feedback_comments > fieldset ol li.wdn_comment_name {
    display: none;
  }
  #wdn_footer_feedback #wdn_feedback_comments > fieldset ol li label {
    text-indent: -9999em;
    line-height: 0;
    color: #a1a1a1;
    position: absolute;
  }
  #wdn_footer_feedback #wdn_feedback_comments > fieldset ol li input,
  #wdn_footer_feedback #wdn_feedback_comments > fieldset ol li textarea {
    border: 1px solid #DEDEDE;
    background-color: #FDFDFD;
    padding: 0;
    width: 100%;
    outline: none;
    font-family: Helvetica, Arial, FreeSans, "Liberation Sans", "Nimbus Sans L", sans-serif;
  }
  #wdn_footer_feedback #wdn_feedback_comments > fieldset ol li input:active,
  #wdn_footer_feedback #wdn_feedback_comments > fieldset ol li textarea:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -moz-box-shadow: inset 0 0 3px 2px #ccc, 0 1px 0 0 #eee;
    -webkit-box-shadow: inset 0 0 3px 2px #ccc, 0 1px 0 0 #eee;
    box-shadow: inset 0 0 3px 2px #ccc, 0 1px 0 0 #eee;
  }
  #wdn_footer_feedback #wdn_feedback_comments > fieldset ol li input:focus,
  #wdn_footer_feedback #wdn_feedback_comments > fieldset ol li textarea:focus {
    background-color: #FFFFE0;
    border: 1px solid #DEDEDE;
  }
  #wdn_footer_feedback #wdn_feedback_comments > fieldset ol li textarea {
    height: 50px;
    font-size: 11px;
    overflow: auto;
  }
  #wdn_footer_feedback #wdn_feedback_comments > fieldset input.wdn_comment_submit {
    background: -moz-linear-gradient(top, #efece9 0%, #f2f1ed 50%, #e7e4e3 51%, #e4e0dd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efece9), color-stop(50%, #f2f1ed), color-stop(51%, #e7e4e3), color-stop(100%, #e4e0dd));
    background: -webkit-linear-gradient(top, #efece9 0%, #f2f1ed 50%, #e7e4e3 51%, #e4e0dd 100%);
    background: -o-linear-gradient(top, #efece9 0%, #f2f1ed 50%, #e7e4e3 51%, #e4e0dd 100%);
    background: -ms-linear-gradient(top, #efece9 0%, #f2f1ed 50%, #e7e4e3 51%, #e4e0dd 100%);
    background: linear-gradient(to bottom, #efece9 0%, #f2f1ed 50%, #e7e4e3 51%, #e4e0dd 100%);
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    border-radius: 3px 3px 3px 3px;
    color: #333;
    font-family: Helvetica, Arial, FreeSans, "Liberation Sans", "Nimbus Sans L", sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    padding: 8px 0;
    text-align: center;
    text-shadow: 0 1px 0 #eee;
    width: 100px;
    display: none;
  }
  #wdn_footer_feedback #wdn_feedback_comments > fieldset input.wdn_comment_submit:hover {
    background: -moz-linear-gradient(top, #e5e2df 0%, #f2f1ed 50%, #e7e4e3 51%, #e4e0dd 100%);
    /* FF3.6+ */
  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e2df), color-stop(50%, #f2f1ed), color-stop(51%, #e7e4e3), color-stop(100%, #e4e0dd));
    /* Chrome,Safari4+ */
  
    background: -webkit-linear-gradient(top, #e5e2df 0%, #f2f1ed 50%, #e7e4e3 51%, #e4e0dd 100%);
    /* Chrome10+,Safari5.1+ */
  
    background: -o-linear-gradient(top, #e5e2df 0%, #f2f1ed 50%, #e7e4e3 51%, #e4e0dd 100%);
    /* Opera11.10+ */
  
    background: -ms-linear-gradient(top, #e5e2df 0%, #f2f1ed 50%, #e7e4e3 51%, #e4e0dd 100%);
    /* IE10+ */
  
    background: linear-gradient(to bottom, #e5e2df 0%, #f2f1ed 50%, #e7e4e3 51%, #e4e0dd 100%);
    /* W3C */
  
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
  }
}
@media (min-width: 768px) {
  
}
@media (min-width: 960px) {
  
}
@media (min-width: 1040px) {
  #wdn_footer_feedback #wdn_feedback {
    display: block;
    margin-bottom: 1em;
  }
  .rating {
    font-weight: bold;
  }
  .rating:not(:checked) > input {
    position: absolute;
    top: -9999em;
    clip: rect(0, 0, 0, 0);
  }
  .rating:not(:checked) > input:focus + label {
    color: gold;
    text-shadow: 1px 1px #daa520, 2px 2px #b57340, 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.5);
  }
  .rating:not(:checked) > legend {
    font-size: 90%;
  }
  .rating:not(:checked) > label {
    float: right;
    width: 1.1em;
    padding: 0;
    margin: -1.1em 0 0 0;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 140%;
    line-height: 1.2;
    color: #fbfbfb;
    text-shadow: -1px -1px 0px #dddddd, 1px 1px 3px #666666;
  }
  .rating:not(:checked) > label:before {
    content: '★';
    margin-right: 1.1em;
    speak: none;
  }
  .rating:not(:checked) > label:hover,
  .rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow: 1px 1px #daa520, 2px 2px #b57340, 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.5);
  }
  .rating > input:checked ~ label {
    color: #f70;
    text-shadow: 1px 1px #cc6600, 2px 2px #994400, 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.5);
  }
  .rating > label:active {
    position: relative;
  }
  .rating > input:checked + label:hover,
  .rating > input:checked + label:hover ~ label,
  .rating > input:checked ~ label:hover,
  .rating > input:checked ~ label:hover ~ label,
  .rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow: 1px 1px #daa520, 2px 2px #b57340, 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.5);
  }
}