html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;
  font-family: Arial, Helvetica, sans-serif;
}
form {
margin: 0px;
}
img {
border: none;
}
a, label, input {
cursor: pointer;
}
a, a:hover, a:active, a:focus {
   outline: 0;
}
h2 {
margin: 10px 0px 10px 10px;
font-size: 16pt;
}
h4 {
margin: 10px 0px;
}
a {
color: #900;
text-decoration: none;
cursor: pointer;
}
a:hover {
color: #000;
}
ul {
list-style: none;
padding: 0px;
margin: 0px;
}
#page {
position: relative;
}
.logo_loggedout {
margin: 10% 0px 20px 0px;
text-align: center;
}
#logout {
float: right;
font-size: 10pt;
color: #666;
}
#logout a {
color: #666;
text-decoration: underline;
}
.clear {
clear: both;
}
.reset {
float: right;
}
#login {
border: 1px solid #ccc; 
border-radius: 15px;
width: 300px; 
min-height: 180px;
margin: 0px auto 100px auto; 
padding: 10px;
text-align: center;
}
#login input {
margin-bottom: 10px;
text-align: center;
}
#login a {
color: #666;
font-size: 10pt;
}
#login label {
display: block;
}
.logo_loggedin {
float: left;
text-align: center;
margin-bottom: 10px;
width: 300px;
}
.logo_loggedin img {
width: 150px;
}
#team {
margin: 0px;
font-family: Georgia, serif;
font-weight: bold;
}

#teams {
margin-top: 30px;
clear: both;
}
#teams li, #teams a.teamLink {
overflow: hidden;
}
#teams li {
border-left: 1px solid #ccc;
}
#key img {
background: transparent url("../images/nav_progress.png") repeat-x 0px 0px;
}
#teams li.finished { background-color: #A2FFA2; background-image: linear-gradient(to bottom, #D1FCD1 0px, #A2FFA2 100%); }
#teams li.inProgress { background-color: #FFFFA2; background-image: linear-gradient(to bottom, #FCFCD1 0px, #FFFFA2 100%); }
#teams li.selected, #teams a.teamLink:hover { background-color: #ccc; background-image: linear-gradient(to bottom, #eee 0px, #ccc 100%);}
#teams li.selected { box-shadow: 0px 0px 5px #888888; z-index: 10; }
#teams li.selected a.teamLink { color: #fff; text-shadow: 0px 0px 4px #000000; font-weight: bold; }

#key li {
display: inline-block;
font-size: 9pt;
margin-right: 15px;
line-height: 15px;
height: 15px;
color: #888;
}
#key img {
vertical-align: text-bottom;
margin-right: 3px;
}
#key img.inProgress { background-position: 0px -17px; }
#key img.finished { background-position: 0px -47px; }
#key img.selected { background-position: 0px -77px; }
/*
#teams a.teamLink {
display: block;
color: #000;
text-decoration: none;
}
#teams a.teamLink:hover {
background-color: #fff;
background-position: 0px -60px;
}
*/
#awardReview {
position: relative; 
float: left; 
clear: left; 
margin: 0px 0px 190px 0px;
min-width: 100%;
}
#awardReview tbody th {
text-align: right;
padding-right: 5px;
font-size: 10pt;
}
#awardReview tbody th,#awardReview tbody td {
border-width: 0px 1px 1px 0px;
border-color: #ccc;
border-style: solid;
}
#awardReview tbody td {
text-align: center;
width: 36px;
}
#awardReview tbody td a {
display: block;
font-weight: bold;
}
#awardReview tbody td a:hover {
background-color: #ccc;
}
th.rotate {
position: absolute;
text-align: right;
vertical-align: text-bottom;
font-size: 10pt;
vertical-align: bottom;
bottom: -93px;
padding-bottom: 10px;
padding-right: 30px;
width: 170px;
border-bottom: 1px solid #ccc;
/* Safari */
-webkit-transform: rotate(-60deg);
/* Firefox */
-moz-transform: rotate(-60deg);
/* IE */
-ms-transform: rotate(-60deg);
/* Opera */
-o-transform: rotate(-60deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#ratingReview {
width: 100%;
}
#ratingReview th {
font-size: 10pt;
}
#ratingReview td {
text-align: center;
}

#scoreCard {

}
#nominationAwards ul {
padding-bottom: 10px;
margin-bottom: 10px;
}
#nominationAwards li, #bestactors li {
float: left;
width: 220px;
}
#nominationAwards li {
font-size: 11pt;
height: 20px;
}
label.selected { 
font-weight: bold; 
}
#bestactors li, .actors {
height: 40px;
}
#bestactors ul {
padding: 10px 0px;
}
#bestactors li {
font-size: 10pt;
line-height: 50px;
margin-bottom: 5px;
}
.actors {
vertical-align: middle;
width: 40px;
cursor: pointer;
}
#ratings {
margin-bottom: 10px;
}
#ratings th {
color: #666;
text-align: center;
}
#ratings #headline th {
font-size: 8pt;
}
#ratings td {
font-size: 10pt;
padding: 20px 0px;
border-bottom: 1px solid #ccc;
}
#ratings td.awardLabel {
font-weight: bold;
font-size: 1.05em;
line-height: 1.05em;
}
.rating_input {
text-align: center;
width: 25px;
}
li img.helpbox {
background-position: 0px -15px !important;
}
.helpbox {
width: 15px;
height: 15px;
margin: 0px;
background-color: transparent;
background-image: url(../images/question-box.gif) !important; 
background-repeat: no-repeat;
}

a.helpbox {
float: left;
margin-right: 10px;
display: block;
}
a.helpbox:hover {
background-position: 0px -15px;
}
#nominationAwards .helpbox { 
margin-right: 20px;
}
#helpWindow {
width: 600px;
height: 400px;
background-color: #fff;
box-shadow: 0px 0px 20px #888;
position: fixed;
top: 100px;
left: 50%;
margin-left: -300px;
z-index: 10000;
text-align: left;
display: none;
}
#helpWindowContent {
margin: 20px;
height: 360px;
overflow: auto;
}
#closeHelpWindow {
position: absolute;
top: -13px;
right: -13px;
cursor: pointer;
}
.videoPlayer {
	background: transparent url(../images/loading.gif) no-repeat center;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 20px;
}
.videoPlayer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#rating, #awards {
width: 400px;
float: right;
}
#rating input {
position: absolute;
top: 36px;
}
#rating label {
width: 15px;
height: 15px;
display: block;
position: absolute;
top: 53px;
}
#awards li {
width: 200px;
font-size: 11pt;
margin-bottom: 5px;
}

/* Review Page */

h1 {
margin: 0px;
}

#summary {
float: right;
clear: right;
text-align: right;
bottom: 10px;
right: 0px;
font-size: 10pt;
color: #666;
margin: 10px 0px;
}
.column {
width: 50%;
float: left;
}
#review_nominations, #review_rankings {
float: right;
clear: right;
}

#slideToggler {
position: fixed;
width: 150px;
text-align: right;
margin-top: 10px;
margin-left: -160px;
font-size: 10pt;
}
#slideToggler span {
cursor: pointer;
color: #900;
}
#review_ratings {

}
#review_ratings h3{
clear: both;
cursor: pointer;
background-color: #ccc;
padding: 5px;
}
.nomination {
float: left;
}
.nomination {
width: 50%;
height: 192px;
margin: 10px auto;
background: transparent url(../images/laurel_review.gif) no-repeat top center;
text-align: center;
}
.nomination h4 {
width: 160px;
font-size: 11pt;
height: 20px;
margin: 0px auto 10px auto;
text-align: center;
color: #900;
font-weight: bold;
text-shadow: 0px 0px 5px #fff;
}
.rating {
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 15px;
border-radius: 15px;
background-color: #fff;
position: relative;
}
.rating h4 {
margin: 10px 0px;
line-height: 20px;
}
.rating_review {
width: 100%;
padding: 0px;
border: 0px;
border-spacing: 0;
border-collapse:collapse;
}
.rating_review tfoot td, .rating_review tfoot th {
border-top: 1px solid #ccc;
}
.rating_review td {
font-size: 10pt;
padding: 3px 0px;
}
#genreSelection h2 {
clear: both;
text-align: center;
}
#genres {
width: 700px;
margin: 30px auto; 
}
#genres li {
float: left;
margin: 22px;
width: 300px;
display: table;
}

#genres li .btn{
    white-space:normal !important;
    word-wrap:break-word; 
    display: table-cell;
    vertical-align: center;
    height: 70px;
    width: 100%;
}
#genres div {
text-align: center;
display: table-cell;
vertical-align:middle;
margin: 25px;
height: 50px;
width: 200px;
}
#genres div a {
width: 200px;
margin: 0px 50px;
display: block;
}
#genres li.finished {
border-style: inset;
}
#genres li.finished, #genres li.finished a, #genres li.finished a:hover {
cursor: default;
color: #666;
}
.genreScores {
display: none;
}
.selectedGenre{
display: block;
}
td.data {
text-align: center;
}
th.summary {
text-align: right;
color: #666;
font-size: 12pt;
}
.status {
position: absolute;
right: 5px;
top: 5px;
font-size: 10pt;
}
span.finished {
color: #0c0;
font-weight: bold;
}
#review_rankings a {
display: inline-block; 
width: 80px;
}

#submitButton {
margin: 10px 0px;
}
#submitButton input {
font-size: 18pt;
}

.note {
color: #666;
font-size: 10pt;
}

#footer, #footer a {
color: #666;
}
#footer {

clear: both;
border-top: 1px solid #ccc;
margin-top: 10px;
font-size: 10pt;
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
}

.lb-image {
max-height: 600px;
width: auto;
}
.lb-outerContainer, .lb-dataContainer {
max-width: 1020px;
height: auto !important;
}

#header {
padding: 10px 0px;
border-radius: 0px;
}

#header .navbar-brand {
height: auto;
}

#header .navbar-nav > li > a {
line-height: 70px;
padding-top: 0px;
padding-bottom: 0px;
font-size: 1.05em;
}

#header #greeting {
color: #9d9d9d;
display: inline-block;
line-height: 18px;
height: 36px;
margin-left: 10px;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	#header .navbar-nav > li > a {
	line-height: inherit;
	font-size: inherit;
	}
}

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}