html, body{
	margin: 0 0;
	padding: 0 0;
	background-color: white;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color:black;
}

form#url_query{
	position: relative;
	top:0px;
	margin: 0 auto;
	width: 50%;
	height: auto;
	border-bottom: 1px solid black;
	padding: 3px 0px 3px 0px;
	margin-top:200;
}

input[type=text]#url {
	font-family: 'Roboto', sans-serif;
   background-color: transparent;
   width:100%;
   border:none;
   text-align: center;
   outline:none;
   color:black;
   font-size: 1.5em;
   font-weight: 100;
}

.triangles{
	opacity: 0;
}

.tri1{
	position: absolute;
	bottom:0px;
	left: 1px;
	width: 1px;
	height: 1px;
	border-top: 0px solid transparent ;
	border-right: 0px solid transparent ;
	border-bottom: 100px solid black ;
	border-left: 48px solid transparent ;
}

.tri2{
	position: absolute;
	bottom:0px;
	left: 50px;
	width: 1px;
	height: 1px;
	border-top: 0px solid transparent ;
	border-right: 0px solid transparent ;
	border-bottom: 100px solid transparent ;
	border-left: 44px solid black ;
}

.tri3{
	position: absolute;
	bottom:0px;
	left: 49px;
	width: 1px;
	height: 1px;
	border-top: 0px solid transparent ;
	border-right: 0px solid transparent ;
	border-bottom: 114px solid black ;
	border-left: 50px solid transparent ;
}

.tri4{
	position: absolute;
	bottom:0px;
	left: 100px;
	width: 1px;
	height: 1px;
	border-top: 0px solid transparent ;
	border-right: 0px solid transparent ;
	border-bottom: 100px solid transparent ;
	border-left: 48px solid black ;
}

ul#form_controls{
	position: absolute;
	top:1px;
	right:-22px;
	width: 122px;
	height: 100%;
	padding: 0 0;
	margin: 0 0;
	color:black;
	overflow: hidden;

}

li.form_controls{
	position: relative;
	float: left;
	list-style: none;
	width: 45%;
	font-size: 26px;
	text-align: center;
	z-index: 1;
}


li.form_controls:nth-child(1){
	top:11px;
	left: 10px;
	font-size: 20px;
	visibility: hidden;
	opacity: 0;
}

li.form_controls:nth-child(2){
	font-family: 'Lato', sans-serif;
	top:3px;
	width: 10%;
	font-size: 24px;
	font-weight: 100;
	visibility: hidden;
	opacity: 0;
}

li.form_controls:nth-child(3){
	top:7px;
	left: -9px;
}

#results{
	position: relative;
	margin: 45 auto;
	width: 50%;
	top:20px;
	height: auto;
	padding: 3px 0px 3px 0px;
	border-collapse: collapse;
	top:0px;
	display: none;
}

.table_title{
	font-weight: 100;
	font-size: 2.7em;
	padding-left: 4px; 
}

.table_underline{
	border-collapse: collapse;
	border-bottom: 1px solid black;
}

.table_leg, .table_var{
	font-size: 18px;
	padding: 12px 0px 12px 4px;
	width: 60%;
}

.table_var{
	font-weight: 100;
}

.table_underline{
	border
}

#close_results{
	font-size: 1.2em;
	text-align: right;
}

tr#classify{
	position: relative;
	padding-top:20px;
	opacity: 0;
}

.change_vote{
	display: none;
}

.change_vote.small_text{
	font-size: 0.7em;
}

.change_vote.small_text:hover{
	text-decoration: underline;
}

h1.page_title{
	position: relative;
	top:28px;
	font-family: 'Montserrat', sans-serif;
	font-size: 2.6em;
	font-weight: 700;
	line-height: 0.65em;

}

h1 .small_text{
	font-size: 0.4em;
}

header{
	position: relative;
	margin: 0 auto;
	height: 113px;
	width: 70%;
	border-bottom: 1px solid black;
	padding: 0px 90px 0px 90px;
}

.loadingSearch{
	position: relative;
	width: 90px;
	height: 115px;
	margin: 0 auto;
	background-position: center center;
	background-image:url('../images/loadSearch2.gif');
	display: none;
}

ul.menu{
	position: relative;
	float: right;
	right: 0px;
	top:-56px;
}

li.menu{
	font-family: 'Montserrat', sans-serif;
	list-style: none;
	float:left;
	padding: 0px 5px 0px 5px;
	font-weight: 400;
	font-size: 0.9em;
}

section h1{
	font-size: 2.2em;
}

section{
	position: relative;
	width:60%;
	margin: 0 auto;
	height: auto;
}

section.about_section, section.stats_section{
	display:none;
	padding-bottom: 100px;
}

section.search_section{
	width: 100%;
}

.about_section p{
	text-align: justify;
	text-justify: newspaper;
	text-indent : 30px;
}

.active_section{
	border-bottom: 1px solid #000;
	padding-bottom: 3px;
}

.correct_votes{
	display: none;
}

ul.category_stats{
	position: relative;
	width:100%;
	margin: 0 auto;
}

li.category_stats{
	font-family: 'Montserrat', sans-serif;
	list-style: none;
	float:left;
}

ul.category_stats.totals{
	position: relative;
	width:100%;
	float:right;
}

li.category_stats.totals{
	font-family: 'Montserrat', sans-serif;
	list-style: none;
}

li.category_stats p{
	float:left;
	padding: 10px;
	text-align: center;
}

table.category_stats{
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}

table.category_stats td{
	padding: 5px 15px 5px 15px;
	text-align: center;
	font-size: 1.1em;
}

table.global_stats{
	width: 100%;
	margin: 0 auto;
	margin-top: 40px;
}

table.global_stats td{
	font-family: 'Montserrat', sans-serif;
	padding: 5px 15px 5px 15px;
	text-align: center;
	font-size: 2em;
}

ul.aval_cats{
	position: absolute;
	width:630px;
	bottom: 0px;
	left:50%;
	margin-left: -315px;
	text-align: center;

}

li.aval_cats{
	float:left;
	list-style: none;
	padding-right: 15px;
	color:#afafaf;
}