@media (orientation: portrait) {
  #desktop {
  	display:none;
  }
}
@media (orientation: landscape) {
  #desktop {
  	display:block;
  }
  #mobile {
   	display:none;
  }
}



body, th, td {font-family:tahoma;font-size:11px;letter-spacing:1px;padding:0;margin:0;}
body {background:black;}
h1, fieldset, legend, label {color:white;}
.p1, .p2, .p3 {text-align:right;}

td span, td abbr {border:1px solid silver;border-bottom:1px solid #444444;border-right:1px solid #444444;padding:2px;display:block;background:white;}
td abbr {text-align:center;cursor:help;}
abbr:hover {background:yellow;}
td span {text-align:right;}
td a {display:block;color:black;text-decoration:none;}
.first {background:#ffceb0;}
.winner span {background:#a0ffff;}
.poll span, .poll abbr {border:1px solid #ff8888;border-bottom:1px solid #ff0000;border-right:1px solid #ff0000;}
.fastestlap span, .fastestlap abbr {background:gold;}
.chosen {background:white;padding:1px 4px 1px 4px;color:black;text-transform:uppercase;}
#results {background:#ffffff;border:5px solid #eeeeee;}
.row0 {background:#eeeeee;}
.row1 {background:#dddddd;}
.login {color:white;padding:5px;outline:0;}
.thedate span {font-weight:normal;}
.previous_years {line-height:1.6em;}
.previous_years a {display:inline;}
.previous_years a:hover {text-decoration:underline;}
#chart-container-1 {width:960px;max-width:99vw;height:300px;border:1px solid white;margin-top:10px;margin-bottom:10px;}

input, select {
color:black;
background:white;
}





#mobile {
background: -webkit-linear-gradient(-45deg, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
dl, dt, dd {
	margin:0;
	padding:0;
}
dt {
	font-size:14px;
	padding:3px 10px;
	border-top:1px solid black;
	font-weight:bold;
}
dt#mobile_title {
	text-align:center;
	border-top:0;
	padding: 18px 10px;
	background:#E10600;
	color:#fff;
	font-size:18px;
}
	dt#mobile_title::before {
		content: '';
		display:inline-block;
		height:18px;
		width:50px;
		background-size:contain;
		background-position:center bottom;
		background-repeat:no-repeat;
		background-image: url('/f1/Formula1logo.svg');
		margin-right:10px;
	}
dt#mobile_race {
	text-align:center;
	border-top:0;
	padding: 10px;
	background:#000;
	color:#fff;
	font-size:17px;
	font-weight:normal;
}
dd {
	font-size:14px;
	padding:3px 10px;
}



dd#next_race {
	text-align:center;
	background:navy;
	color:#fff;
	font-size:13px;
	padding:10px 0 10px 0;
	border-top:1px solid #000;
}
dd#prev_race {
	text-align:center;
	background:#E10600;
	color:#fff;
	font-size:13px;
	padding:10px 0 10px 0;
	border-top:1px solid #000;
}
	dd#next_race a,
	dd#prev_race a {
		color:#fff;
	}

dd#mobile_note {
	text-align:center;
	background:gold;
	font-size:11px;
	padding:5px 0 5px 0;
	border-top:1px solid #000;
}

.mobile_choices {
	display:grid;
	grid-gap:4px;
	grid-template-columns: auto 40px 50px 10px 55px;
	padding-bottom:10px;
	border-bottom:1px solid #E10600;
}
	.mobile_choices>* {
		border:1px solid #fff;
		border-radius:3px;
		position:relative;
	}
	.mobile_name {
		font-style:italic;
		position:relative;
	}
	.mobile_name::before {
		content:'';
		display:inline-block;
		width: 0;
		height: 0;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 6px solid #000080;
		margin-right:2px;
		margin-bottom:2px;
	}
		.mobile_name.firstchoice::before {
			border-left: 6px solid #ffffff;
		}
		.mobile_name.highlight::before {
			border-left: 6px solid #E10600;
		}
	.mobile_c1 {

	}
	.mobile_c2 {
	}

.mobile_name dfn {
	display: inline-block;
	font-size: 11px;
	margin-left: 15px;
	font-style: normal;
	border: 1px solid #fff;
	border-radius: 2px;
	padding: 3px;
	color: #fff;
	background: red;
}
	.mobile_name dfn.positive {
		background:green;
	}

	#player5mob.mobile_name dfn.positive {
		background:blue;
	}
	.mobile_name span.wins_so_far {
	font-size: 11px;
	margin-left: 15px;
	font-style: normal;
	border: 1px solid gold;
	border-radius: 50%;
	padding: 1px 5px;
	background: gold;
	}

.mobile_choices span:nth-child(1) {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 2;
	background:#fff;
	padding:1px 4px;
}
.mobile_choices span:nth-child(2) {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
	background:pink;
	text-align:center;
	padding:1px 0;
}
.mobile_choices span:nth-child(3) {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 3;
	background:#fff;
	padding:1px 4px;
}
.mobile_choices span:nth-child(4) {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
	background:pink;
	text-align:center;
	padding:1px 0;
}
.mobile_choices span:nth-child(5) {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 3;
	font-size:30px;
	background:cyan;
	text-align:center;
	padding-top:4px;
}
.mobile_choices span:nth-child(6) {
	grid-column-start: 5;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 3;
	font-size:30px;
	background:gold;
	text-align:center;
	padding-top:4px;
}
sup {
	position:absolute;
	top:-4px;
	right:-7px;
	background:#fff;
	border-radius:50%;
	padding:0 1px 0 2px;
}