@charset "UTF-8";

body{
  	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.background{ 
 	background: url("/static/polls/images/background.b793afa5d7cd.png") no-repeat center center fixed; 
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
  	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.thankyou{	
	padding-left: 10%;
    color: #fff;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 20px;
    font-stretch: semi-condensed;
    text-shadow: 0 0 10px #000000;
	
}


h2{
  	color: #000000;
  	font-family: "Trebuchet MS", Helvetica, sans-serif;

    font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
}


h3{
  	color: #000000;
  	font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
#welcomeuser{
	color:whitesmoke;
	padding:10px;
	width: 300px;
}

#createaccounterrors{
	color:whitesmoke;
		
}

#successandlogin{
  	color:black;
   
}
input #id_username_or_email_address {
	padding:20px;
}

input {
  	background-color: #000000;
}

#loginorcreate{
	margin: 0 auto;
	max-width: 400px;
	position: relative;
	padding: 20px;
	color:white;
	border-radius: 4px;
  	
}


#poll{
	
	width: 100%;
	min-width: 300px;
	max-width: 600px;
	margin: auto;
    background-color: rgba(0, 0, 0, .75);
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#intro{
    width: 90%;
    margin: auto;
}

#hotornotform{
	width: 600px;	
		
}

.driver, .team {
    width: 100%;
	color: black; 
    text-align: right;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	padding-right: 5px;
}
.pollsection{
	width:95%;
	padding: 15px;
	margin: 0 auto;
	box-shadow: 5px 1px 5px #aaaaaa;
		
}
.race
 {
    width: 90%;
	color: dimgray; 
    text-align: right;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.picks div{    
    width: 100%;
	background-color: white;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 1px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	color: black; 
    border: 1px solid #ccc;
} 

.pollsection, .tbody {
    background-color: rgba(255, 255, 255, .50);
}

.break {
    height: 25px;
}

.picks input {
    display: none;
}

table {
    width: 100%;
    table-layout:auto;
}

.WORSTlabel, .Badlabel, .Averagelabel, .Goodlabel, .BESTlabel{
    width: 20%;
	font-weight: 400;
}

.WORSTlabel:hover {
    background-color: white;
    color: #7868e6;
}
.WORSTbutton:checked + div{
    background-color: #7868e6;
	color: white;
}

.Badlabel:hover {
    background-color: white;
    color: #b8b5ff;
}
.Badbutton:checked + div {
    background-color: #b8b5ff;
	color: white;
}

.Averagelabel:hover {
    background-color: white;
    color: #383838;
}
.Averagebutton:checked + div {
    background-color: #383838;
	color: white;
}

.Goodlabel:hover {
    background-color: white;
    color: #ff7a00;
}
.Goodbutton:checked + div {
    background-color: #ff7a00;
	color: white;
}

.BESTlabel:hover {
    background-color: white;
    color: #d44000;
}
.BESTbutton:checked + div {
    background-color: #d44000;
	color: white;
	font-weight: bold;
}



td{
	width:12%;
	border-radius: 25px;
}
label{
	width: 100%;
	display: inline-block;
	margin:0px;
	font-weight: bold;
}

input[type=password] {
    width: 100%;
	padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
}

input[type=submit] {
    width: 100%;
    padding: 14px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	background-color: #000000;
	color: black;
	font-size: 18px;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
}

input[type=submit]:hover {
    background-color: #C6C6CB;
}

#id_password1, #id_password2{
	padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input #id_wants_poll_published_notification, #id_wants_results_published_notification{
	display: inline-block;
	float: right;
	
}

input[type=checkbox] {
    display: inline-block;
	float: right;
	margin-top: -20px;
  	height: 20px;
  	width: 20px;
 	background-color: #eee;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
}
@media only screen and (min-width : 285px) and (max-width : 480px) {
	.background{ 
 	background: url("/static/polls/images/background.b793afa5d7cd.png") no-repeat center center fixed; 
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
  	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.thankyou{	
	padding-left: 10%;
    color: #fff;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 20px;
    font-stretch: semi-condensed;
    text-shadow: 0 0 10px #000000;
	
}



h2{
  	color: #000000;
  	font-family: "Trebuchet MS", Helvetica, sans-serif;

    font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
}


h3{
  	color: #000000;
  	font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
#welcomeuser{
	color:whitesmoke;
	padding:10px;
	width: 300px;
}

#createaccounterrors{
	color:whitesmoke;
		
}

#successandlogin{
  	color:black;
   
}
input #id_username_or_email_address {
	padding:20px;
}

input {
  	background-color: #DCDADA;
}

#loginorcreate{
	margin: 0 auto;
	max-width: 400px;
	position: relative;
	padding: 20px;
	color:white;
	border-radius: 4px;
  	
}


#poll{
	
	width: 100%;
	min-width: 300px;
	max-width: 600px;
	margin: auto;
    background-color: rgba(0, 0, 0, .75);
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#intro{
    width: 90%;
    margin: auto;
}

#hotornotform{
	width: 600px;	
		
}

.driver, .team {
    width: 100%;
	color: black; 
    text-align: right;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	padding-right: 5px;
}
.pollsection{
	width:95%;
	padding: 15px;
	margin: 0 auto;
	box-shadow: 5px 1px 5px #aaaaaa;
		
}
.race
 {
    width: 90%;
	color: dimgray; 
    text-align: right;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.picks div{    
    width: 100%;
	background-color: whitesmoke;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 1px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	color: black; 
    border: 1px solid #ccc;
} 

.pollsection, .tbody {
    background-color: rgba(255, 255, 255, .50);
}

.break {
    height: 25px;
}

.picks input {
    display: none;
}

table {
    width: 100%;
    table-layout:auto;
}

.WORSTlabel, .Badlabel, .Averagelabel, .Goodlabel, .BESTlabel{
    width: 20%;
	font-weight: 400;
}

.WORSTlabel:hover {
    background-color: white;
    color: #7868e6;
}
.WORSTbutton:checked + div{
    background-color: #7868e6;
	color: white;
}

.Badlabel:hover {
    background-color: white;
    color: #b8b5ff;
}
.Badbutton:checked + div {
    background-color: #b8b5ff;
	color: white;
}

.Averagelabel:hover {
    background-color: white;
    color: #383838;
}
.Averagebutton:checked + div {
    background-color: #383838;
	color: white;
}

.Goodlabel:hover {
    background-color: white;
    color: #ff7a00;
}
.Goodbutton:checked + div {
    background-color: #ff7a00;
	color: white;
}

.BESTlabel:hover {
    background-color: white;
    color: #d44000;
}
.BESTbutton:checked + div {
    background-color: #d44000;
	color: white;
	font-weight: bold;
}



td{
	width:12%;
	border-radius: 25px;
}
label{
	width: 100%;
	display: inline-block;
	margin:0px;
	font-weight: bold;
}

input[type=password] {
    width: 100%;
	padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
}

input[type=submit] {
    width: 100%;
    padding: 14px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	background-color: #e7e7e7; 
	color: black;
	font-size: 18px;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
}

input[type=submit]:hover {
    background-color: #C6C6CB;
}

#id_password1, #id_password2{
	padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input #id_wants_poll_published_notification, #id_wants_results_published_notification{
	display: inline-block;
	float: right;
	
}

input[type=checkbox] {
    display: inline-block;
	float: right;
	margin-top: -20px;
  	height: 20px;
  	width: 20px;
 	background-color: #eee;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
}
	
	
}

@media only screen and (min-width : 481px) and (max-width : 1024px) {
	body{
  	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.background{ 
 	background: url("/static/polls/images/background.b793afa5d7cd.png") no-repeat center center fixed; 
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
  	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.thankyou{	
	padding-left: 10%;
    color: #fff;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 20px;
    font-stretch: semi-condensed;
    text-shadow: 0 0 10px #000000;
	
}



h2{
  	color: #000000;
  	font-family: "Trebuchet MS", Helvetica, sans-serif;

    font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
}


h3{
  	color: #000000;
  	font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
#welcomeuser{
	color:whitesmoke;
	padding:10px;
	width: 300px;
}

#createaccounterrors{
	color:whitesmoke;
		
}

#successandlogin{
  	color:black;
   
}
input #id_username_or_email_address {
	padding:20px;
}

input {
  	background-color: #000000;
}

#loginorcreate{
	margin: 0 auto;
	max-width: 400px;
	position: relative;
	padding: 20px;
	color:white;
	border-radius: 4px;
  	
}


#poll{
	
	width: 100%;
	min-width: 300px;
	max-width: 600px;
	margin: auto;
    background-color: rgba(0, 0, 0, .75);
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#intro{
    width: 90%;
    margin: auto;
}

#hotornotform{
	width: 600px;	
		
}

.driver, .team {
    width: 100%;
	color: black; 
    text-align: right;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	padding-right: 5px;
}
.pollsection{
	width:95%;
	padding: 15px;
	margin: 0 auto;
	box-shadow: 5px 1px 5px #aaaaaa;
		
}
.race
 {
    width: 90%;
	color: dimgray; 
    text-align: right;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.picks div{    
    width: 100%;
	background-color: white;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 1px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	color: black; 
    border: 1px solid #ccc;
} 

.pollsection, .tbody {
    background-color: rgba(255, 255, 255, .50);
}

.break {
    height: 25px;
}

.picks input {
    display: none;
}

table {
    width: 100%;
    table-layout:auto;
}

.WORSTlabel, .Badlabel, .Averagelabel, .Goodlabel, .BESTlabel{
    width: 20%;
	font-weight: 400;
}

.WORSTlabel:hover {
    background-color: white;
    color: #7868e6;
}
.WORSTbutton:checked + div{
    background-color: #7868e6;
	color: white;
}

.Badlabel:hover {
    background-color: white;
    color: #b8b5ff;
}
.Badbutton:checked + div {
    background-color: #b8b5ff;
	color: white;
}

.Averagelabel:hover {
    background-color: white;
    color: #383838;
}
.Averagebutton:checked + div {
    background-color: #383838;
	color: white;
}

.Goodlabel:hover {
    background-color: white;
    color: #ff7a00;
}
.Goodbutton:checked + div {
    background-color: #ff7a00;
	color: white;
}

.BESTlabel:hover {
    background-color: white;
    color: #d44000;
}
.BESTbutton:checked + div {
    background-color: #d44000;
	color: white;
	font-weight: bold;
}



td{
	width:12%;
	border-radius: 25px;
}
label{
	width: 100%;
	display: inline-block;
	margin:0px;
	font-weight: bold;
}

input[type=password] {
    width: 100%;
	padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
}

input[type=submit] {
    width: 100%;
    padding: 14px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;

	background-color: #e7e7e7; 
	color: black;
	font-size: 18px;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
}

input[type=submit]:hover {
    background-color: #C6C6CB;
}

#id_password1, #id_password2{
	padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input #id_wants_poll_published_notification, #id_wants_results_published_notification{
	display: inline-block;
	float: right;
	
}

input[type=checkbox] {
    display: inline-block;
	float: right;
	margin-top: -20px;
  	height: 20px;
  	width: 20px;
 	background-color: #eee;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
}
}

@media only screen and (min-width:1025px) {
	
	body{
  	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.background{ 
 	background: url("/static/polls/images/background.b793afa5d7cd.png") no-repeat center center fixed; 
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
  	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.thankyou{	
	padding-left: 10%;
    color: #fff;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 20px;
    font-stretch: semi-condensed;
    text-shadow: 0 0 10px #000000;
	
}



h2{
  	color: #000000;
  	font-family: "Trebuchet MS", Helvetica, sans-serif;

    font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
}


h3{
  	color: #000000;
  	font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
#welcomeuser{
	color:whitesmoke;
	padding:10px;
	width: 300px;
}

#createaccounterrors{
	color:whitesmoke;
		
}

#successandlogin{
  	color:black;
   
}
input #id_username_or_email_address {
	padding:20px;
}

input {
  	background-color: #black;
}

#loginorcreate{
	margin: 0 auto;
	max-width: 400px;
	position: relative;
	padding: 20px;
	color:white;
	border-radius: 4px;
  	
}


#poll{
	
	width: 100%;
	min-width: 300px;
	max-width: 600px;
	margin: auto;
    background-color: rgba(0, 0, 0, .75);
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#intro{
    width: 90%;
    margin: auto;
}

#hotornotform{
	width: 600px;	
		
}

.driver, .team {
    width: 100%;
	color: black; 
    text-align: right;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	padding-right: 5px;
}
.pollsection{
	width:95%;
	padding: 15px;
	margin: 0 auto;
	box-shadow: 5px 1px 5px #aaaaaa;
		
}
.race
 {
    width: 90%;
	color: dimgray; 
    text-align: right;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.picks div{    
    width: 100%;
	background-color: white;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 1px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	color: black; 
    border: 1px solid #ccc;
} 

.pollsection, .tbody {
    background-color: rgba(255, 255, 255, .50);
}

.break {
    height: 25px;
}

.picks input {
    display: none;
}

table {
    width: 100%;
    table-layout:auto;
}

.WORSTlabel, .Badlabel, .Averagelabel, .Goodlabel, .BESTlabel{
    width: 20%;
	font-weight: 400;
}

.WORSTlabel:hover {
    background-color: white;
    color: #7868e6;
}
.WORSTbutton:checked + div{
    background-color: #7868e6;
	color: white;
}

.Badlabel:hover {
    background-color: white;
    color: #b8b5ff;
}
.Badbutton:checked + div {
    background-color: #b8b5ff;
	color: white;
}

.Averagelabel:hover {
    background-color: white;
    color: #383838;
}
.Averagebutton:checked + div {
    background-color: #383838;
	color: white;
}

.Goodlabel:hover {
    background-color: white;
    color: #ff7a00;
}
.Goodbutton:checked + div {
    background-color: #ff7a00;
	color: white;
}

.BESTlabel:hover {
    background-color: white;
    color: #d44000;
}
.BESTbutton:checked + div {
    background-color: #d44000;
	color: white;
	font-weight: bold;
}



td{
	width:12%;
	border-radius: 25px;
}
label{
	width: 100%;
	display: inline-block;
	margin:0px;
	font-weight: bold;
}

input[type=password] {
    width: 100%;
	padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
}

input[type=submit] {
    width: 100%;
    padding: 14px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	background-color: #e7e7e7; 
	color: black;
	font-size: 16px;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
}

input[type=submit]:hover {
    background-color: #C6C6CB;
}

#id_password1, #id_password2{
	padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input #id_wants_poll_published_notification, #id_wants_results_published_notification{
	display: inline-block;
	float: right;
	
}

input[type=checkbox] {
    display: inline-block;
	float: right;
	margin-top: -20px;
  	height: 20px;
  	width: 20px;
 	background-color: #eee;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
}