/* Optional: Makes the sample page fill the window. */
html, body {
	margin:		0;
	padding:	0;
	/*height:		1080px!important;
	width:		1920px!important;*/
}

span.riding_name {
	font-size:		20px;
	font-family: 	"Kanit","Helvetica Neue",sans-serif;
	font-weight: 	bold;
}
div.party {
	font-size:		25px;
	font-family: 	Sans,Arial,Helvetica,sans-serif;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width:			187px;
	height:			40px;
	display:		table-cell;
	vertical-align:	middle;
}
div.seat {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width:			16px;
	height:			16px;
	border:			1px;
	border-color: 	#000000;
	border-style: 	solid;
}
div.seatPC {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width:			16px;
	height:			16px;
	border:			1px;
	border-color: 	#000000;
	border-style: 	solid;
	background-color:	#296CC5;
}
div.seatLIB {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width:			16px;
	height:			16px;
	border:			1px;
	border-color: 	#000000;
	border-style: 	solid;
	background-color:	#F72F20;
}
div.seatGRN {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width:			16px;
	height:			16px;
	border:			1px;
	border-color: 	#000000;
	border-style: 	solid;
	background-color:	#85D414;
}
div.seatNDP {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width:			16px;
	height:			16px;
	border:			1px;
	border-color: 	#000000;
	border-style: 	solid;
	background-color:	#FF8A2C;
}
div.seatOTH {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width:			16px;
	height:			16px;
	border:			1px;
	border-color: 	#000000;
	border-style: 	solid;
	background-color:	#808080;
}
td.seatColumns {
	width:			18px;
	padding-left:	0px;
	padding-right:	0px;
}
tr.seatRows {
	width:			234px;
	padding-left:	0px;
	padding-right:	0px;
}


div.subButton {
	left: 20px;
    position: relative;
	width: 160px;
}




span.firstName {
	font-size:		36px;
	font-family: 	MontserratRegular;
	color:			#EBEBEB
}
span.lastName {
	font-size:		36px;
	font-family: 	MontserratSemiBold;
	color:			#EBEBEB
}
span.candidateStatus {
	font-size:		27px;
	font-family: 	MontserratSemiBold;
	color:			#EBEBEB
}
span.percent {
	font-size:		45px;
	font-family: 	MontserratBold;
	color:			#EBEBEB
}
span.votes {
	font-size:		22px;
	font-family: 	MontserratRegular;
	color:			#EBEBEB
}
span.partiesName {
	font-size:		25px;
	font-family: 	MontserratBold;
	color:			#EBEBEB
}
tr.spacer {
	height: 10px;
}
img.headshot {
	width: 	157px;
	height: 185px;
}

div.heroColLeft {
	width:			417px;
	height:			597px;
}
div.rowHeadshot {
	width:			450px;
	height:			530px;
}
div.rowStatus {
	width:			450px;
	height:			60px;
	margin-left: 	-12px;
}
div.rowFirstName {
	width:			800px;
	height:			60px;
	margin-left: 	-12px;
}
div.rowLastName {
	width:			800px;
	height:			60px;
	margin-left: 	-12px;
}
div.rowPaIn {
	width:			440px;
	height:			60px;
	align-content: 	space-evenly;
}

div.heroColRight {
	width:			417px;
	height:			597px;
}
div.rowSpacer {
	height:			410px;
}
div.rowPercent {
    height:			90px;
    align-items:	center;
    text-align:		center;
}
div.rowVotes {
    height:			90px;
    align-items:	center;
    text-align:		center;
}


img.HeroBoardHeadshot {
	width:			450px;
	height:			530px;
}
img.heroBoardStatus{
	width:			450px;
	height: 		62px;
	padding-top:	30px;
}

img.heroBoardParty{
	width:				97px;
	height: 			32px;
	/*display:			flex;
	flex-direction: 	row;
	justify-content:	flex-start;*/
	/*position:		absolute;
	top: 			92%;
	transform: 		translate(-456%, -50%);*/
}
img.heroBoardIncumbent{
	width:			224px;
	height: 		32px;
	/*position:		absolute;
	top: 			92%;
	transform: 		translate(-152%, -50%);*/
}

span.heroBoardPercent {
	/*position:		absolute;
	top: 			60%;
	transform: 		translate(50%, -50%);*/
	font-family:	MontserratBold;
	font-size:		72px;
	color:			#E8E8E8;
}
span.heroBoardVotes {
	/*position:		absolute;
	top: 			70%;
	transform: 		translate(50%, -50%);*/
	font-family:	MontserratRegular;
	font-size:		36px;
	color:			#E8E8E8;
}
span.heroBoardFirstName {
	display:		flex;
	/*left: 			30px;
	top: 			715px;*/
	font-family:	MontserratRegular;
	font-size:		45px;
	color:			#E8E8E8;
	flex-direction: row;
	justify-content: flex-start;
}
span.heroBoardLastName {
	display:		flex;
	/*left: 			30px;
	top:			780px;*/
	font-family:	MontserratSemiBold;
	font-size:		45px;
	color:			#E8E8E8;
	flex-direction: row;
	justify-content: flex-start;
}

td.tdCandidateImage {
	width:			170px;
}
td.tdCandidateStatus {
	width:			687px;
	height:			39px;
	text-align: 	center;
}
td.tdCandidateFirstName {
	width:			517px;
	text-align: 	left;
}
td.tdCandidateLastName {
	width:			517px;
	text-align: 	left;
}
td.tdCandidateVotePercent {
	width:			170px;
	text-align: 	center;
}
td.tdCandidatePartiesName {
	width:			517px;
	text-align: 	left;
}
td.tdCandidateVoteCount {
	width:			170px;
	text-align: 	center;
}

td.NDP4WayStatus,
span.NDP4WayStatus{
	background:		#DD7128;
}
td.NDP4WayRest{
	background:		#AF5D25;
}

td.LIB4WayStatus,
span.LIB4WayStatus{
	background:		#CC212E;
}
td.LIB4WayRest{
	background:		#87182B;
}

td.CON4WayStatus,
span.CON4WayStatus{
	background:		#152E52;
}
td.CON4WayRest{
	background:		#334A66;
}

td.OTH4WayStatus,
span.OTH4WayStatus{
	background:		#808080;
}
td.OTH4WayRest{
	background:		#636363;
}

td.GRN4WayStatus,
span.GRN4WayStatus{
	background:		#24B24A;
}
td.GRN4WayRest{
	background:		#308242;
}

td.PPC4WayStatus,
span.PPC4WayStatus{
	background:		#452D7B;
}
td.PPC4WayRest{
	background:		#372B56;
}

td.BQ4WayStatus,
span.BQ4WayStatus{
	background:		#2CB3B7;
}
td.BQ4WayRest{
	background:		#2C8986;
}

#HeroBoard{
	background-image: url("IMG/ModalBox-MapleLEaf.png");
}

.transparentGoogleCover{
	position:			absolute;
    background-color:	transparent;
    left:				220px;
    width:				80px;
    top:				957px;
    height:				30px;
}

.transparentTermsCover{
	position:			absolute;
    background-color:	transparent;
    left:				1628px;
    width:				260px;
    top:				957px;
    height:				30px;
}

.transparentRiidngGoogleCover{
	position:			absolute;
    background-color:	transparent;
    left:				32px;
    width:				80px;
    top:				862px;
    height:				30px;
}

.transparentRiidngTermsCover{
	position:			absolute;
    background-color:	transparent;
    left:				626px;
    width:				260px;
    top:				862px;
    height:				30px;
}

area {
  display: none;
}

div.buttonDiv{
    position:	absolute;
    top: 		170px;
    left:		20px;
}

div.mapDiv {
	position: absolute;
	left:	222px;
	top:	35px;
}

div.mainMap {
	width: 		1660px; 
	height: 	945px; 
	display:	none;
}
#HomeShot {
	display:	block;
}
#HighlightedShot {
	width: 		1660px; 
	height: 	945px; 
	display:	none;
}

.prevent-select {
	user-select: none; /* Standard syntax */
}
.mapModal {
    position: absolute;
    left: 570px;
    width: 920px;
	background-color: #494949;
}

.candidateInfo {
}

span.ridingName {
	font-size:		36px;
	font-family: 	MontserratBold;
	color:			#ebebeb;
}

span.ridingPollsVoters {
	font-size:		40px;
	font-family: 	MontserratRegular;
	color:			#ebebeb;
}

span.ridingPollsReporting {
	font-size:		22px;
	font-family: 	MontserratRegular;
	color:			#ebebeb;
}

span.ridingRIDINGSPAN {
	width:		60px;
	display:inline-block;
}

span.riding4WAYSPAN {
	width:		60px;
	display:inline-block;
}

span.ridingHEROSPAN {
	width:		60px;
	display:inline-block;
}

@font-face {
	font-family: MontserratBold;
	src: url(Fonts/Montserrat-Bold.ttf);
}

@font-face {
	font-family: MontserratRegular;
	src: url(Fonts/Montserrat-Regular.ttf);
}

@font-face {
	font-family: MontserratSemiBold;
	src: url(Fonts/Montserrat-SemiBold.ttf);
}