/**
 * FILMTIPSET.SE
 * @author Danaco <info@danaco.se>
 */

.unverified { display:block; width:98%; border-radius:3px; text-align:center; padding:6px; background:#ba2d2d; color:#fff; }

.score-big {
  float:right;
  width:70px;
  height:65px;
  color:#fff;
  font-size:0.7em;
  background:#333;
  padding:5px 0 0 0;
  border-radius:50%;
  text-align:center;
  line-height:1.2em;
}
.score-big .score {
  font-size:3.5em;
  font-weight:bold;
  line-height:1.1em;
}

.score-medium,.score-small {
  float:right;
  width:45px;
  height:40px;
  color:#fff;
  font-size:0.6em;
  background:#999;
  padding:3px 0 0 0;
  border-radius:50%;
  text-align:center;
  line-height:1.6em;
  margin-left:2px;
}
.score-medium .score,.score-small .score {
  font-size:2.7em;
  font-weight:bold;
  line-height:23px;
}

.favourite-toggle { 
  float:right;
  width:45px;
  height:44px;
  box-sizing: border-box;
  color:#fff;
  font-size:2em;
  background:#999;
  padding:9px 0 0 0;
  border-radius:50%;
  text-align:center;
  line-height:26px;
  margin-left:2px;
 }
 .favourite-toggle:hover { cursor:pointer; background:#ba2d2d; }
.favourite-toggle.active { background:#ba2d2d; }


.rating1 { background:#c3a89e; }
.rating2 { background:#e16292; }
.rating3 { background:#edd55e; }
.rating4 { background:#37a4ea; }
.rating5 { background:#63b571; }

.movieposter {
  float:left;
  max-width:140px;
}

#moviedata {
  float:left;
  min-width:280px;
  max-width:calc(100% - 170px);
  margin:0 0 0 30px;
  border:0;
  clear:right;
}
#moviedata td {
  padding:0 10px 5px 0;
}
#moviedata .label {
  font-weight:bold;
}
#moviedata a {
  color:#222;
}
#moviedata a:hover {
  color:#111;
}

.votebutton div {
  float:left;
  width:24px;
  height:24px;
  margin:0 3px 0 0;
  padding-top:1px;
  background:#ccc;
  border-radius:50%;
  font-size:1.1em;
  font-weight:bold;
  color:#fff;
  text-align:center;
}
.votebutton.trash div { padding-top:1px; }
.votebutton.one:hover div, .votebutton.one.active div { background:#c3a89e; }
.votebutton.two:hover div, .votebutton.two.active div { background:#e16292; }
.votebutton.three:hover div, .votebutton.three.active div { background:#edd55e; }
.votebutton.four:hover div, .votebutton.four.active div { background:#37a4ea; }
.votebutton.five:hover div, .votebutton.five.active div { background:#63b571; }
.votebutton.trash:hover div { background:#333; }

.reactbutton {
  float:right;
  font-size:0.75em;
  background:#ccc;
  color:#fff;
  border-radius:4px;
  padding:2px 5px;
}
.reactbutton:hover {
  background:#555;
  border:none;
}

#commentform { display:none;margin-bottom:20px;clear:both; }

.personalComment { width:calc(100% - 120px); float:left; }
.commentEdit { float:right; margin: 0 0 10px 10px; color:#999; }
.commentEdit:hover { color:#000; border: none !important; }
.commentDelete { float:right; margin: 0 0 10px 10px; color:#999; }
.updateComment { border:0; padding: 5px 10px; cursor:pointer; margin: 0 0 10px 0; }

.commentmeta { font-size:0.7em; }

.relatedmovie { float:left; background-size:cover;width:90px;height:120px;margin:4px;}

@media all and (max-width:468px){
  .relatedmovie { width:80px;height:110px; max-width:20% !important; }
}