@font-face {
  font-family: 'HelveticaNeueLTStd2';
  src: url('fonts/helveticaneueltstd-hvcn-webfont.eot');
  src: url('fonts/helveticaneueltstd-hvcn-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/helveticaneueltstd-hvcn-webfont.woff') format('woff'),
  url('fonts/helveticaneueltstd-hvcn-webfont.ttf') format('truetype'),
  url('fonts/helveticaneueltstd-hvcn-webfont.svg#HelveticaNeueLTStd87HvCn') format('svg');
  font-weight: bold;
  font-style: normal;
} 
html, body {
    border: 0 none;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
}
body {
	background-image: url(images/bg-2021.jpg?1d2);
    background-attachment: fixed;
    color: #555;
    font: 14px/1 Arial,Helvetica,sans-serif;
    background-size: cover;
}
@media screen and (min-width: 2190px){
	body {
		background-size: cover;
	}
}
@media screen and (max-width: 600px){
	body {
		/*background: url(images/bg2016-mobile.jpg);*/
	}
}
h1 {
    font-family: 'HelveticaNeueLTStd2';
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 5px;
	display: none;
}	
h1, h2, h3, h4, h5, h6 {
}
ol, ul {
    list-style: none outside none;
}
a{
	text-decoration: none; 
	color: black;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img {
    border: medium none;
}
span {
	color: #aba8a8;
}
.header {
    height: 90px;
    padding-top: 15px;
    width: 560px;
	text-align: center;
}
.header h1{
    color: #99BBFF;
    float: left;
    font-size: 28px;
    margin-left: 15px;
    margin-top: 35px;
}
/*.header1, .header2{
	float: left;
}*/
.header2{
	margin-top: 5px;
	margin-right: 15px;
	float: right;
}
.header1 span {
    color: #505b61;
    font-size: 35px;
    text-transform: uppercase;
    font-family: HelveticaNeueLTStd2;
    display: inline-block;
    margin-top: 25px;
}
#logo {
    float: left;
    margin-top: 22px;
    width: 41px;
}
.tabs{
    border-bottom: 1px solid #505b61;
    height: 36px;
    padding-left: 7px;
    min-width: 540px;
}

.tabs, .links, .itunes_block h3, .youtube_block h3, .itunes_block p span, .youtube_block p span{
	font-family: 'Roboto Condensed';
}

.header, .content, .tabs div{
	width: 900px; 
	margin: auto;
}
.tabs div div{
	float: left;
    font-size: 16px;
    font-weight: 600;
    margin-right: 9px;
    padding: 11px 5px 7px 4px;
    text-align: center;
    width: 13.4%;
    cursor: pointer;
    -webkit-transform: skew(-12deg);
    -moz-transform: skew(-12deg);
    -o-transform: skew(-12deg);
    background: #505b61;
    color: #fff;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    box-shadow: -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 3px 0px 7px -7px #000000, 5px 5px 15px 5px rgb(0 0 0 / 0%);
    text-shadow: -1px -1px 1px rgb(255 255 255 / 10%), 1px 1px 1px rgb(0 0 0 / 50%);
}
.tabs div div:nth-child(1) {
    border-top: 2px solid #e20e8d;
}
.tabs div div:nth-child(2) {
    border-top: 2px solid #0ee2d8;
}
.tabs div div:nth-child(3) {
    border-top: 2px solid #f9f937;
}
.tabs div div:nth-child(4) {
    border-top: 2px solid #56e20e;
}
.tabs div div:nth-child(5) {
    border-top: 2px solid #ec2538;
}
.tabs div div:nth-child(6) {
    border-top: 2px solid #a4a6de;
}
.tabs div.active{
    cursor: default;
}
.tabs div a{
	color: #d8d9da;
}
.tabs div div:hover a{
	color: #ffffff;
}
.content{
	padding: 10px;
	min-width: 540px;
}
.blocks {
	overflow:hidden;
}
.itunes_block, .youtube_block {
    float: left;
    margin-right: 13px;
    text-align: center;
}
.youtube_block {
    margin-bottom: 20px;
}
.itunes_block {
    margin-bottom: 14px;
    border: 2px solid #505b61;
    border-radius: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.block_content {
    width: 152px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.itunes_block .block_content {
	padding: 4px 6px 10px 5px;
}
.youtube_block .block_content {
    padding: 10px 3px 12px;
    width: 157px;
    text-transform: uppercase;
}
.block_top{
    background-image: url("images/block_top6.png");
    background-repeat: no-repeat;
    height: 10px;
    width: 167px;
}
.block_bottom{
    background-image: url("images/block_bottom6.png");
    background-repeat: no-repeat;
    height: 10px;
    width: 167px;
}
.youtube_block{
	height: 191px;
    border: 2px solid #505b61;
    border-radius: 5px;
}
.itunes_block img, .youtube_block img {
    border: 3px double #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    height: 90px;
    margin-top: 10px;
    width: 90px;
}
.itunes_block img {
    width: 90px;
    margin-bottom: 3px;
}

.youtube_block img {
    width: 120px;
    margin-bottom: 9px;
    height: 90px;    
}

div.chart_data{
    color: #505b61;
    font-size: 15px;
    line-height: 19px;
    padding: 8px 10px 0;
    text-align: left;
    font-family: Roboto Condensed;
}
.itunes_block h3, .youtube_block h3{
	font-size: 14px;
    line-height: 18px;
}
.itunes_block h3{
	font-size: 14px;
    color: #505b61;
    text-transform: uppercase;
}
.youtube_block h3{
	font-size: 12px;
    color: #505b61;
    font-family: Roboto Condensed;
    font-weight: normal;
    font-weight: 600;
    line-height: 20px;
}
.itunes_block h4{
	font-size: 12px; 
	font-weight: normal; 
	margin-top: 4px;
}
.itunes_block p{
    margin-bottom: 6px;
    margin-top: 12px;
    text-align: center;
}
.youtube_block p{
    margin-bottom: 4px;
    margin-top: 2px;
}
.itunes_block p span, .youtube_block p span {
	font-weight: normal;
    padding: 3px 5px;
    color: #fff;
    font-size: 13px;
    border-radius: 5px 5px 5px 5px;
}
.itunes_block p span{
	background-color: #505b61;
    width: 50px;
}
.youtube_block p span {
    background-color: #505b61;
    font-size: 12px;
    padding: 2px 4px;
    width: auto;
}
.semifinals2.youtube_block p span {
    background-color: #99d8f9;
    color: #69002f;
}
.youtube_block p span label{
	font-size: 12px;
}
.links{
    height: 26px;
    margin-bottom: 14px;
    margin-left: 1px;
    margin-top: 3px;
}
.links_odds{
    margin-bottom: 12px !important;
    margin-top: 7px !important;
}
.links a{
    font-size: 14px;
    font-weight: bold;
    color: #505b61;
}
.links div{
	color: #f0f1f5;
    font-size: 14px;
    font-weight: bold;
    float: right;
    border-radius: 5px;
}
.active_link_l{
    background-image: url("images/b_left4.png");
    background-repeat: no-repeat;
    height: 28px;
    width: 5px;
}
.active_link_m{
    background-color: #505b61;
    padding: 6px 7px;
    border-right: 0px;
}
.active_link_r{
    background-image: url("images/b_right4.png");
    background-repeat: no-repeat;
    height: 28px;
    width: 5px;
    border-left: 0px;
    margin-left: -1px;
}
.links_odds .active_link_l{
    background-image: url("images/b_left5.png");
    background-repeat: no-repeat;
}
.links_odds .active_link_m{
    background-color: #505b61;
}
.links_odds .active_link_r{
    background-image: url("images/b_right5.png");
    background-repeat: no-repeat;
}
.links_sep1{
    padding: 5px 8px; 
    color: #eee !important;
}
.links_sep2{
    padding: 7px 6px 5px 7px;
    color: #505b61 !important;
}
.unactive_link{
    padding: 7px 0;  
}
.clear{
	clear: both;
}
#compact_mode{
	/*margin-left: 150px;*/
	margin-left: 510px;
}
/* ODDS */
.odd_up {
    background-color: #dddfe6;
    color: #505b61 !important;
}
.odd_down {
    background-color: #505b61;
    color: #f0f1f5 !important;
}
.ui-datepicker {
    font-family: "Trebuchet MS","Helvetica","Arial","Verdana","sans-serif" !important;
    font-size: 14px !important;
}    
.datepickers{
    float: left;
    width: 265px;
}
ul.odds_countries{
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 145px;
    font-family: HelveticaNeueLTStd2;
}
ul.odds_countries li {
    font-size: 16px;
    line-height: 20px;
    padding: 3px 3px 5px;
    color: #505b61;
    font-weight: bold;
    font-family: 'Roboto Condensed';
}
.hasDatepicker{
    float: left;
    width: 300px;
}
.datepickers input{
	float: left; 
	margin-top: 10px; 
	margin-left: 168px; 
	width: 78px;
	margin-bottom: 10px;
}
#datepicker2{
	margin-top: 10px;
}
#datepicker{
	margin-top: 5px;
}
.odd_note{
    font-size: 10px;
    margin-bottom: 5px;
    margin-left: 280px;
    margin-top: 400px;
    text-align: right;
    width: 555px;
    color: #eee;
}
.odd_note a{
	color: #eee;
}
.odds_error{
	color: #99d8f9; 
	font-family: Roboto; 
	margin-bottom: 13px; 
	font-size: 14px;
}

.ui-datepicker-title span{
    color: #f0f1f5 !important;
}
.ui-widget-header{
    background: none !important;
    border: 0 !important;
    background-color: #505b61 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{

}
.ui-datepicker-calendar thead span{
	color: #004467 !important;
}

.datepickers input {
    background-color: #505b61;
    border: 1px solid #f0f1f5;
    border-radius: 3px 3px 3px 3px;
    color: #f0f1f5;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
}

/* OGAE */

.voted a{
	color: #d8d9da !important;
}
.ogae_clubs{
	margin-bottom: 20px;
}
.ogae_clubs li{
    font-family: 'Roboto Condensed';
}	
.voted{
	margin-bottom: 0 !important;
}
.ogae_clubs li{
	color: #000;
    font-size: 15px;
    font-weight: bold;
    height: 16px;
    margin-bottom: 3px;
    padding: 3px 5px;
    text-align: center;
    width: 155px;
    background-color: #505b61;
    border: 1px solid #d8d9da;
    border-radius: 5px;
    cursor: default;
}
.votes{
	float: left;
    margin-top: 2px;
    border: 2px solid #505b61;
    border-radius: 5px 5px 5px 5px;
    padding: 13px;
    margin-bottom: 10px;
    font-family: 'Roboto Condensed';
    font-weight: 600;
}
.votes_content li{
	 height: 25px;
}
.clubs_menu{
    float: left;
    width: 185px;
    font-family: HelveticaNeueLTStd2;
}
.club_vote{
    color: #505b61;
    float: left;
    font-size: 18px;
    width: 170px;
}
.ogae_title, .ogae_title2{
    color: #505b61;
    font-size: 18px;
    margin-bottom: 10px;
}
.ogae_title{
    margin-bottom: 13px;
}
.ogae_title2{
    margin-bottom: 16px;
}
.zero_songs{
    font-size: 14px;
    margin-top: 5px;
    width: 600px !important;
}
.vote_bar{
    background-color: #505b61;
    float: left;
    height: 20px;
	border-radius: 5px 5px 5px 5px;
}
div.fb-like2{
	background: none !important; 
	border: none !important; 
	border-radius: 0 !important; 
	box-shadow: none !important; 
	padding-top: 4px !important; 
	margin-left: 40px !important;
	text-align: left !important;
	width: 275px !important;
	top: -15px;
}
.header2 .fb-like{
	top: 5px;
}
#u_0_2{
	border: 0px;
}
#u_0_3{
	color: white;
}
div.fb-like span{
	height: 29px !important;
}
.fb-comments{
	margin:auto; 
	width: 700px;
	margin-left: 90px;
	margin-top: 30px;
	padding: 10px;
	background-color: #050914;
}
div.banners{
	margin-left: 10px; 
	width: 80px; 
	float: right; 
	padding-top: 5px;
}
.fb_banner{
	margin-left: 3px; 
	margin-right: 1px;
}
.second_banner{
	margin-top: 3px;
}
.tabs div .share_buttons{
	float: right; 
	width: auto; 
	top: -10px; 
	position: relative; 
	background: none;
	margin-right: 0px;
	-webkit-transform: none;
    box-shadow: none;
    text-shadow: none;
}
.highest_block{
	color: #505b61 !important;
    font-size: 14px !important;
    margin-left: 570px !important;
}
.press-block{
    background: none repeat scroll 0 0 #004467;
    border: 2px dashed #99d8f9;
    border-radius: 5px;
    float: left;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px;
}

.press-block ul.odds_countries{
	width: 180px;
}

.press-block ul.odds_countries li {
    color: #99d8f9;
}
.press-date{
	color: white; 
	font-weight: bold; 
	width: 100%; 
	margin-left: 370px; 
	margin-top: 10px; 
	margin-bottom: 10px;
}
.press-note{
    color: #EEEEEE;
    font-size: 10px;
    margin-left: 310px;
    margin-top: 350px;
    text-align: right;
    width: 555px;
}
.clear_mobile{
	display: none;
	clear: both;
}
.title_pic{
 	margin-left: 13px;
    margin-top: 27px;
}
.mobile-icon, .mobile_menu{
	display: none;
}
.spotify_note{
	overflow: hidden; 
	font-size: 11px; 
	width: 100%; 
	text-align: right; 
	margin-bottom: 15px; 
	position: relative; 
	right: 10px;
	color: #505b61;
    font-family: Roboto;
}
.spotify_block label span{
	font-size: 10px;
	color: #505b61;
    font-family: Roboto;
}
#ogae_selector{
	display: none;
}
.page_error{
    color: #505b61;
    font-family: Roboto;
    margin-top: 20px;
    text-align: center;
}
@media screen and (max-width: 800px) and (min-width: 581px){
	.header, .tabs div {
    	width: 100%;
	}
	.header2{
		margin-left: 0px;
	}
	.content {
    	padding: 10px;
    	min-width: 540px;
    	width: 97%;
	}
	.share_buttons, .fb-comments, .clubs_menu{
		display: none !important;
	}
	.links div.highest_block {
    	float: right;
    	margin-right: 15px;
	}
	.itunes_block {
	    margin-right: 8px;
    }
    .itunes_block .block_top, .itunes_block .block_bottom {
    	width: 140px;
    	background-size: 140px 10px;
	}
	.itunes_block .block_content {
	    width: 125px;
    	background-size: 140px 2px;
	}
	.highest_block{
		margin-left: 0px !important;
	}
	#ogae_selector{
		display: block;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	ul.odds_countries{
		margin-right: 30px;
	}
}
@media screen and (max-width: 580px){
	h1 {
		display: block;
	}
	.share_buttons, .tabs, .fb-comments, .content .clear, .header2, .for_desktop, .odd_note, .spotify_note, .clubs_menu, .fb-page, .fb-like{
		display: none !important;
	}
	.clear_mobile, .mobile-icon, #ogae_selector{
		display: block;
	}
	.header1 span {
		font-size: 20px;
		margin-top: 20px;
		margin-left: 15px;
	}
	.header1 img {
		display: none;
	}
	.content{
		min-width: 300px !important;
		width: 300px !important;
		padding: 0 10px 10px;
		margin-top: 10px;
	}
	.header, .tabs div{
		width: 320px;
	}
	.header{
		height: 50px;
		padding-top: 0px;
		text-align: left;
	}
	.title_pic{
		width: 200px; 
		margin-top: 18px; 
		margin-left: 10px;
		float: left;
	}
	#logo{
		width: 32px;
    	margin-top: 12px;
    	margin-left: 10px;
	}
	.header1{
		width: 100%;
	}
	.mobile-icon {
    	background-image: url("images/mobile-icon2.png");
    	background-size: 50px 100px;
    	cursor: pointer;
    	float: right;
    	height: 50px;
    	width: 50px;
		background-position: 0 50px;
	}
	.mobile-icon:hover {
		background-position: 0 0;
	}
	.highest_block{
    	float: right !important;
    	margin-left: 0 !important;
    	text-align: right;
    	width: 70px;
    	display: none;
	}
	.itunes_block {
    	margin-bottom: 10px;
	}
	.itunes_block, .youtube_block {
    	margin-right: 7px;
	}
	.block_top, .block_bottom {
    	background-size: 143px 8px;
    	height: 8px;
    	width: 143px;
	}
	.block_content {
    	background-size: 143px 2px;
    	width: 128px;
	}
	.youtube_block .block_content{
		width: 133px;
	}
	.youtube_block p span{
		line-height: 18px;
	}
	.youtube_block{
		height: auto;
		margin-bottom: 10px;
	}
	.datepickers{
		margin: 0 auto 15px 30px;
	}
	ul.odds_countries{
		margin-top: 10px;
		width: 130px;
		margin-left: 10px;
	}
	.links_odds{
		margin-left: 40px;
		overflow: hidden;
		height: 28px;
		float: left;
		margin-top: 0 !important;
		clear: both;
		display: block;
		width: 230px;
	}
	ul.odds_countries li{
		font-size: 15px;
		padding-left: 3px;
	}
	.hasDatepicker{
		width: auto;
	}
	ul.odds_countries.mobile_right{
		text-align: right;
    	margin-right: 0;
	}
	.mobile_menu{
	    height: 0;
    	margin: auto;
    	width: 100vw;
    	display: none;
    }
	.mobile_menu ul{
		background: #505b61;
    	height: 252px;
    	position: relative;
    	z-index: 10;
    	font-family: HelveticaNeueLTStd2;
    }
    .mobile_menu ul li{
    	font-size: 18px;
    	text-align: center;
    }
    .mobile_menu ul li a{
    	display: block;
		padding: 12px 0;
		color: #f0f1f5;
		font-family: 'Roboto Condensed';
		font-weight: 600;
	}   
    /*.mobile_menu ul li:hover{
    	background: #f0f1f5;
    }
    .mobile_menu ul li:hover a{
    	color: #505b61;
    }*/
    .datepickers input{
    	width: 85px;
    	margin-left: 160px;
    } 
    .vote_bar{
    	display: none;
    }
	.zero_songs {
		width: 90% !important;
	}
	#ogae_selector{
		margin-bottom: 20px;
	}
	#wrapper{
    	overflow: hidden;
    	padding-bottom: 10px;	
		min-height: 350px;
	}
}