.hint {

	font-style: italic;

}



#mobile_table {

	display: none;

}



#mobile_table p {

	line-height: 1.3;

}



.wide {

	width: 1024px;

	max-width: 1024px;

}



.container .jumbotron {

	background-image: url(../img/belgium_flag.jpg);

	color: rgb(238, 235, 235);

	font-family: 'Open Sans', sans-serif;

	border-radius: 0;

}



.voting_table {

	border: 1px solid black; 

	width: 100%; 

}

.voting_table td {

	padding: 4px;

}



#voting_forms_mobile {

	display: none;

}



.voting_banner {

	text-align: center; 

	font-size: 48px; 

	font-family: 'HelveticaNeue-CondensedBold' ,'Helvetica Neue';

}



.voting_button {

	display: block; 

	background-image: url('../img/patterned_black.jpg');

	font-size: 24px; 

	margin-top: 12px; 

	margin: 12px auto 0 auto; 

	border-style: none; 

	font-family: 'Open Sans', sans-serif; 

	padding: 8px 12px 8px 12px; 

	color: rgb(238, 235, 235);

}



.inline {

	display: inline-block;

}



#progressbar {

	position: relative;

	font-size: 24px;
	color: rgb(238, 235, 235);
	font-weight: 900;

}



#progressbar .ui-widget-header {

	border: none;

	background-image: url('../img/progress_yellow.png');

	/*background-color: #d6ae01;*/

}



#progressbar.ui-widget-content {

	background-image: url('../img/progress_red.png');

	border: none;

	/*background-color: #b50607;*/

}



#progressbar.ui-progressbar .ui-progressbar-value {

	margin: 0;

	border-radius: 0;

}



#progressbar.ui-corner-all {

	border-radius: 0;

}



.socialCheckbox.first {

	margin-right: 24px;

}



.marketing {

	margin-top: 20px;

	position: relative;

}



.jumbotron {

	margin-bottom: 0;

	margin-top: 30px;

	padding-top: 15px;
	padding-bottom: 10px;
}



.jumbotron h1 {

	margin-bottom: 0;

}



.jumbotron p {

	font-size: 36px;

}

.jumbotron p.lead_bottom {
	margin-top: 20px;
}



.autohint {

	color: #999

}



.voting_form {

	background-color: #eee;

	padding-bottom: 20px;

	width: 48%;

}



.full_width {

	width: 100%;

}



.db_container {

	width: 960px;

	max-width: 960px;

	margin-top: 50px;

}



.baloon {

	background-image: url('../img/baloon.png');

	width: 168px;

	height: 30px;

	margin-left: -162px;

	float: left;

	margin-top: 38px;

	padding-left: 16px;

	padding-top: 4px;

}



.baloon_flipped {

	background-image: url('../img/baloon_flipped.png');

	float: right;

	margin-right: -162px;

	padding-left: 32px;

}



table.tablesorter {

	font-size: 12pt;
	background: none;

}



table.tablesorter thead tr th, table.tablesorter tfoot tr th {

	font-size: 12pt;

}



.infoline {



}



.footer {

	position: absolute;

	top: 80%;

	text-align: center;

	margin: 0 auto;

	width: 100%;

	border: none;

}



.voting_overlay {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	opacity: 0.8;

	z-index: 9998;

	background-color: white;

	display: none;

}



.voting_overlay_text {

	background-color: none;

	opacity: none;

	z-index: 9999;

	color: red;

	font-size: 36px;

	text-align: center;

	margin: auto;

	top: 3em;

}



.info_text {

	font-size: 30px;

}



#bottom_nav_link {

	text-align: center; 

	font-family: 'Open Sans', sans-serif; 

	position: absolute;

	bottom: 0;	

	left: 50%;

	

}

#bottom_nav_link a {
	position: relative;
	left: -50%;
}



.socialCheckbox span {

	font-size: 16px;

}



textarea {

	width: 100%;

}



.mobile_table_row {

	line-height: 10px;

	/*padding-bottom: 10px;*/

	margin-top: 10px;

	border-bottom: 1px solid grey;

}



@media (min-width: 1px) {

	.voting_form {

		float: left;

	}



	.spanner {

		width: 4%; 

		padding: 0;

		float: left;

	}

}



@media (max-width: 1024px) {

	.baloon {

		display: none;

	}

}



@media (max-width: 960px) {

	.db_container {

		width: 100%;

	}

}



@media (min-width: 769px) {

	.socialCheckbox {

		display: inline-block;

	}



	.secondCbx {

		/*margin-left: 24px !important;*/

	}

}



@media (max-width: 768px) {

	.socialCheckbox {

		display: inline-block;

	}



	input[type="checkbox"] {

		margin-left: 0;

	}



	.marketing {

		padding-left: 0;

		padding-right: 0;

	}



	.container .jumbotron {

		background: url(../img/belgium_flag_small.jpg) no-repeat;

		-webkit-background-size: 100% 100%;

        -moz-background-size: 100% 100%;

        -o-background-size: 100% 100%;

        background-size: 100% 100%;

	}



	.jumbotron p {

		font-size: 21px;

	}

}



@media (max-width: 640px) {

	#voting_forms {

		display: none;

	}



	#voting_forms_mobile {

		display: block;
		z-index: 9999;

	}



	#myTable {

		display: none;

	}



	#pager {

		display: none;

	}



	#mobile_table {

		display: block;

	}

}



@media (max-height: 800px) {

	h3.info_text {

		margin-top: 10px;

	}

}

@media (max-height: 800px) and (min-width: 1024px) {
   .jumbotron h1 {
   	font-size: 50px;
   }
   .jumbotron p {
   	font-size: 24px;
   }
   .voting_banner {
   	font-size: 36px;
   }
   .voting_button {
   	font-size: 18px;
   }
   #progressbar {
   	font-size: 18px;
   }
   .info_text {
   	font-size: 24px;
   }

}

@media (max-height: 1136px) {

	.jumbotron {

		margin-top: 10px;

	}

}



@media (max-height: 600px) {

	.voting_banner {

		font-size: 24px;

	}



	.socialCheckbox span {

		font-size: 10px;

	}



	.voting_button {

		font-size: 16px;

	}



	.voting_form {

		padding-bottom: 10px;

	}



	.voting_form input {

		margin-top: 0;

		padding: 4px 6px 4px 6px;

	}



	.marketing {

		margin-bottom: 0px;

		margin-top: 0px;

	}



	.info_text {

		font-size: 16px;
		font-weight: 900;

	}



	h1 {

		font-size: 30px;

		margin-bottom: 0 !important;

	}



	.db_container {

		margin-top: 15px;

	}



	.jumbotron p.lead {

		margin-bottom: 0;

	}



	#progressbar {

		font-size: 11px;

	}



	.footer {

		top: auto;

		bottom: -10px;
		line-height: 1.1;

	}

}

div.admin {

	padding: 0 important!;

}



#tabs .ui-tabs-panel {

	padding: 0;

}



.admin .ui-widget-header {

	background: none;

	border: none;

}



.admin .ui-widget-content {

	background: none;

}



.admin #tabs ul li {

	float: left;

}



.dialog-form label, .dialog-form input {

	display: block;

}



.button-group {

	margin-top: 10px;

	margin-bottom: 10px;

}



.button-group .nice-button {

	float: left;

	margin-left: 30px;

}



.button-group .first-button {

	margin-left: 0;

}