#loadingDiv {    

}

.wrapperbutton {
    padding-right: 10px
}
.spinner {
    position: fixed;
    top: 10%;
    left: 50%;
    
    margin-left: -16px; /* half width of the spinner gif */
    margin-top: -16px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 32px; /* width of the spinner gif */
    height: 32px; /*hight of the spinner gif +2px to fix IE8 issue */
    
}

.container
{
    margin-right: auto; 
    margin-left: auto;
	max-width: 800px;
}

.clear
{
	clear: both;
}

.separator
{
	clear:both;
	margin-top: 15px;
}

.head img
{
	float: left;
	margin-bottom: 20px;
}
.head p
{
	text-align: center;
}

@media only screen and (max-width: 370px)
{
	.head img
	{
		display: none;
	}
}

.title
{
	text-align: center;
	font-weight: bold;
	font-size: larger;
}

.tabletr
{
    clear: both;
    overflow: hidden;
}

.tabletd
{
	border-width: thin;
	text-align: left;
	align: left;
	float: left;
	width: 19%;
}


input[type="text"]
{
	float: right;
	width: 100%
}
input[type="number"]
{
	float: right;
	width: 100%
}

label
{
	font-weight: bold;
	float: left:
	width: 100%
}

@media only screen and (max-width: 370px)
{
	input
	{
		max-width: 49%;
	}

	label
	{
		max-width: 49%;
	}

	.tabletd
	{
		width: 100%;
	}
}

/* results */

.resh {
	float: left;
	width: 100%;
}

.xss
{
	display: none;
}

.mat
{
	width: 50px;
}

.sij
{
	width: 40px;
}

.num
{
	width: 50px;
}
.suk, .etu, .seu, .sar{
	width: 14%;
}
.bru, .net
{
	width: 60px;
}
.links {
	width: 60px;
}

.seusar
{
	display: none;
}

@media only screen and (max-width: 600px)
{
	.xsh
	{
		display: none;
	}
	.xss
	{
		display: inline;
	}

	.sij
	{
		width: 36px;
	}
	.num
	{
		width: 47px;
	}
	.yhd {
		width: 32% !important;
	}
	.seusar
	{
		display: inline;
		width: 65%;
	}

	.links {
		width: 28%;
		text-align: left;
	}
}

.resultrow
{
}




.runnerbottomlinks {
   	width: 100%;
	margin-top: 10px;
}

.medialinks
{
   width: 35%;
   text-align: left;
   float:left;
}

.extralinks {
   float:right;
   text-align: right !important;
   width: 60%;
}
.extralinks img
{
	float: right;
	width: 28%;
	border: 0px;
	margin: 1%;
}



@media only screen and (max-width: 600px)
{
	.medialinks, .extralinks
	{
		width: 100%;

	}

	.extralinks img
	{
		width: 98%;

	}
}