/* Custom css for Younilife Ratings plugin */

@font-face {
    font-family: "Source Sans Pro SemiBold";
    src: url(fonts/SourceSansPro-Semibold.ttf);
}

@font-face {
    font-family: "Source Sans Pro SemiBold Italic";
    src: url(fonts/SourceSansPro-SemiboldItalic.ttf);
}

@font-face {
    font-family: "Source Sans Pro Italic";
    src: url(fonts/SourceSansPro-Italic.ttf);
}

#ratings-container h1 {
    margin:0;
}

.status-message {
    background:#D7FCD7;
    border-radius:5px;
    border:1px solid #999;
    padding:10px;
    margin-top:10px;
    margin-bottom:10px;
    font-style:italic;
    font-size:0.95em;
}

.rating-errors {
    background:#FFB8B8;
    border-radius:5px;
    border:1px solid #999;
    padding:10px;
    margin-top:10px;
    margin-bottom:10px;
    font-weight:bold;
    font-size:0.95em;   
}

#ratings-container {
    background:white;
    padding:15px 15px 45px 25px;
}

.ratings-noresult {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:15px 0 15px 0;
    text-align:center;
}

.ratings-pagenav {
    margin: 10px 0 10px 60px;
}

.ratings-pagenav a {
    color: #0178BA;
    font-weight:bold; 
}

/*.ratings-university-listitem a { color: #0178BA; }*/

.ratings-university-listitem {
    border-top:1px solid #ccc;
    padding:13px 10px 13px 10px;
}

.ratings-university-listitem .score {
    font-weight:bold;
    float:right;
    font-size:0.9em;
}

.ratings-university-listitem .votes {
    font-weight:normal;
}

.ratings-university-listitem .bar-left {
    background-color:#f00;
    float:left;
    height:20px;
    width:0px;
}

.ratings-university-listitem .bar {
    margin-top:5px;
    margin-bottom:5px;
    /*border-radius:0 5px 5px 0;*/
    border-radius:5px;
    background-color:#ccc;
    height:20px;
    overflow:hidden;
}

.ratings-university-listitem .info-links   { float:right; }
.ratings-university-listitem .info-links a { font-size:0.9em; color: #0178BA; }

.ratings-university-listitem .bar:hover,
.ratings-university-listitem .score:hover  { cursor:pointer; }

.ratings-university-listitem .red    { background-color:#f00; }
.ratings-university-listitem .orange { background-color:#FFA600; }
.ratings-university-listitem .yellow { background-color:#D8F000; }
.ratings-university-listitem .green  { background-color:#02BD24; }
.ratings-university-listitem .blue   { background-color:#1684de; }

.overall { 
    margin:20px 0 20px 0;
    border:1px solid #ccc;
    border-radius:3px;
    background:#f0f0f0;
}

.rating {
    border:1px solid #ccc;
    border-radius:3px;
    margin:10px 0 10px 0;
}

.rating-infolinks {
    text-align:center;
    margin-bottom:30px;
}

.rating-infolinks a {
    color: #0178BA;
    font-weight:bold;
}

.rating-header {
    border:1px solid #ccc;
    border-radius:3px;
}

.rating-num-votes {
    font-size:1.2em;
    text-align:center;
    line-height:0.95em;
    padding:18px 0 0 0;
    float:left;
}

.rating-read-feedback {
    padding:17px 12px 0 12px;
    float:left;
    width:372px;
    font-style:italic;
}

.rating-overall-rating {
    font-family: "Source Sans Pro SemiBold Italic", Helvetica, Arial, "sans serif";
    font-size:1.4em;
    text-align:center;
    line-height:1.4em;
    margin:18px 0 0 22px;
    width:80px;
    float:left;
    padding-bottom:12px;
}

.rating-large {
    font-size:2em;
}

.random-feedback {
    font-size:0.9em;
}

.rating-read-feedback h3 {
    font-family: "Source Sans Pro", Helvetica, Arial, "sans serif";
    font-size:0.95em;
    text-transform:uppercase;
    margin:0 0 3px 0;
    padding:0;
}

.rating-read-feedback h3 a {
    color:#0178BA;
}

.feedback-bubble { 
    background:url(media/speech-bubble.png) top left no-repeat;
    width:137px;
    height:68px;
    float:left;
    margin-top:10px;
    text-align:center;
    cursor: pointer;
    padding-top:8px;
}

.feedback-bubble a {
    font-family: "Crete Round", Georgia, "Times New Roman", Times,serif;
    color: #585858;
    font-weight:bold;
    text-transform: uppercase;
    font-size:12px;
}

.feedback-bubble:hover a { color:#0178BA; text-decoration:none; }

#thumb-gauge-container {
    float:left; 
    margin:12px 0 0 12px;
    position:relative;
    width:62px;
    height:64px;
    background:url(media/gauge-bg-small.png) top right no-repeat;
}

.thumb-gauge-thumb {
    position:absolute;
    top:10px;
    left:19px;
    background:url(media/thumb-small.png) top left no-repeat;
    width:24px;
    height:44px;
}

.star-on {
    float:left;
    width:12px;
    height:12px;
    background:url(media/star_on.png) top left no-repeat;
}

.star-off {
    float:left;
    width:12px;
    height:12px;
    background:url(media/star_off.png) top left no-repeat;
}

.star-half {
    float:left;
    width:12px;
    height:12px;
    background:url(media/star_half.png) top left no-repeat;
}

.feedback-author {
    float:right;
    font-family: "Crete Round", Georgia, "Times New Roman", Times,serif;
}

.feedback-criteria {
    padding:10px 0 10px 0;
    margin-bottom:6px;
    margin-top:6px;
}

.feedback-criteria h4 {
    border-bottom:1px solid #ccc;
}

.feedback-stars {
    float:right;
}

.feedback-rating {
    float:left;
    font-size:0.85em;
    font-style:italic;
    margin-right:10px;
}

.feedback-score {
    margin-top:2px;
    float:right;
}

.feedback-quote-outer {
    margin:8px 0 0 0;
    float:left;
    background:url(media/quote-start.png) top left no-repeat;
}


.feedback-quote-inner {
    font-style:italic;
    padding:8px 35px 8px 35px;
    background:url(media/quote-end.png) bottom right no-repeat;
}

.feedback-nav {
    margin:10px 0 10px 0;
    font-family: "Crete Round", Georgia, "Times New Roman", Times,serif;
    font-weight:bold;
    text-transform: uppercase;
}

.feedback-nav a {
    color: #0178BA;
}

.feedback-next {
    float:right;
}

.feedback-prev {
    float:left;
}

.feedback-disabled {
    color:#ccc;
}

/* Ratings form */

.criteria-accessibility { background-image:url(media/icons/accessibility.png); }
.criteria-accommodation { background-image:url(media/icons/accommodation.png); }
.criteria-facilities    { background-image:url(media/icons/facilities.jpg); }
.criteria-su            { background-image:url(media/icons/su.png); }
.criteria-security      { background-image:url(media/icons/security.png); }
.criteria-nightlife     { background-image:url(media/icons/nightlife.png); }
.criteria-canteen       { background-image:url(media/icons/canteen.png); }
.criteria-str           { background-image:url(media/icons/str.png); }
.criteria-tng           { background-image:url(media/icons/tng.png); }
.criteria-conclusion    { background-image:url(media/icons/conclusion.png); }

.rate-intro {
    font-family: "Source Sans Pro SemiBold Italic", Helvetica, Arial, "sans serif";
    font-size:1.2em;
    padding:8px 0 20px 0;   
}

.rating-criteria {
    margin-top:10px;
    border-top:1px solid #ccc;
    padding:12px 0 10px 80px;
    background-position:8px 15px;
    background-repeat:no-repeat;
}

.ratings-form h6 {
    font-family: "Crete Round", Georgia, "Times New Roman", Times,serif;
    font-size:1em;
    padding:3px 0 3px 0;    
}

.ratings-form td {
    padding:8px;
}

.ratings-form input[type=text], .ratings-form textarea {
    font-family: "Source Sans Pro SemiBold", Helvetica, Arial, "sans serif";
    font-size:1.2em;
    padding:8px;
    border:1px solid #999;
    border-radius:5px;
}

.ratings-form textarea {
    width:545px;
    height:80px;
}

.ratings-form .label {
    font-weight:bold;
    text-align:right;
    font-family: "Crete Round", Georgia, "Times New Roman", Times,serif;
}

.ratings-form .required {
    font-weight:bold;
    color:red;
}

.ratings-form .help {
    font-size:0.8em;
    font-style:italic;
    padding:5px;
}

.rating-stars {
    margin-bottom:8px;
}

.rating-star-off {
    margin:3px 0 3px 0;
    float:left;
    width:36px;
    height:30px;
    background-color:white;
    background:url(media/rating-star.png) 3px 0 no-repeat;
    cursor:pointer;
}

.rating-star-on {
    margin:3px 0 3px 0;
    float:left;
    width:36px;
    height:30px;
    background:url(media/rating-star.png) 3px 0 no-repeat;
    background-position:3px -30px;
    background-color:white;
}

.rating-textarea {
    position:relative;
}

.rating-textarea-message {
    display:none;
    position:absolute;
    top:-20px;
    right:0;
    width:200px;
    text-align:right;
    font-family: "Source Sans Pro SemiBold", Helvetica, Arial, "sans serif";
    font-size:0.9em;    
}

span.red   { color:#d00; }
span.green { color:#02A129; }

.uni-select-wrapper {
    width:470px;
    overflow:hidden;
    border: 1px solid #999;
    border-radius: 8px;
    background:url(media/dropdown-arrow.png) 437px 19px no-repeat;
}

.uni-select {
    
    color:#444;
    font-family: "Source Sans Pro SemiBold", Helvetica, Arial, "sans serif";
    background: transparent;
    width:500px;
    padding: 10px;
    font-size: 16px;
    line-height: 1;
    border:0;

}

.uni-select option { outline:none; }

.submit-button {
    background-color: #21759B;
    background-image: linear-gradient(to bottom, #2A95C5, #21759B);
    border-color: #21759B #21759B #1E6A8D;
    box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    height: 30px;
    line-height: 28px;
    padding: 0 12px 2px;
    -moz-box-sizing: border-box;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin: 0;
    white-space: nowrap;
}

.rating-submit {
    margin:10px 0 0 290px;
}