.topmenu {
	display:none;
}


@media only screen and (max-width: 500px) {
		
	.summarytable,
	.npleftwrapper,
	div.mainpanel,
	div.npleftpanel,
	div.nprightpanel,
	.fixedwidth .fixedcontent,
	div.rightpanel,
	div.leftpanel {
		width: 100%;
		float:none;
	}
	
	div.nprightpanel,
	div.rightpanel {
		clear:both;
		margin-left:0px;
		margin-right:0px;
	}
		
	.npleftpanel {
		position:inherit;		
	}
		
	.helpbutton {
		top:55px;
		right:10px;
	}
	
	#hd {
		padding: 10px 10px 10px;
	}
	
	#hd #logo h1 {
		margin:5px 0;
		width:100%;
		text-align:center;
	}
	
	.logoimg {
		padding:0 10px;
		width:100%;
		height:auto;
	}
	
	#hd ul,
	#usermenu {
		width:100%;
	}
	
	#hd ul li {
		float:none;
		display:inline-block;
	}
	
	#footer {
		height:auto;
	}
	
	#footer img {
		padding:0 10px;
		width:100%;
		height:auto;
	}
		
	.footerdivs,
	.footerdivs div {
		margin-top:20px;
		float:none;
		width:100%;
		clear:both;
		padding:0 10px;
	}
				
	.summarytable {
		font-size:0.6em;
	}
	
	.summarytable th:first-child {
		width:auto;
	}
	
	.summarytable tbody {
		font-size:1.3em;
	}
	
	.summarytable td {
		padding:4px 5px;
	}
	
	div.resultinfo table {
		width:100%;
		margin-top:10px;
	}
		
	.resultinfo .widerfirst td:nth-child(2),
	.resultinfo table td:nth-child(2),
	.resultinfo table td:nth-child(1) {
		display:block;
		width:100%;
		clear:both;
		text-align:left;
	}
		
	.resultinfo table td:nth-child(2) {
		margin-left:10px;
	}
	
	.sortresult {
		float:none;
		margin-top:5px;
	}
	
	.sortresult select {
		width:70%;
		height:25px;
	}
	
	.exportToExcel {
		margin-top:5px;
	}
	
	.navbuttons {
		width:auto;
		text-align: center;
	}
	
	.leftnavbutton,
	.middlenavbutton,
	.rightnavbutton {
		display:inline-block;
		float:none;
		width:auto;
		margin:0;
	}
		
	.navbutton {
		width:auto;
		padding:8px 8px;
		text-align:center;
	}
	
	tr.navigation .navigator {
		padding:0 20px;
	}
	
	tr.navigation .navigator .prev {
		margin-right:10px;
	}
	
	tr.navigation .navigator .next {
	    margin-left: 10px;
	}	
	
	.projectinfotable > tbody > tr > td:nth-child(2),
	.projectinfotable > tbody > tr > td:first-child {
		display:block;
		width:100%;
	}
		
	.panel-body {
	    padding: 5px 10px;
	}

	/* Top buttons for mobile */
	
	.npleftwrapper,
	.nprightpanel,
	.leftpanel,
	.rightpanel {
		display:none;	
	}
	
	.topmenu {
		display:block;
		margin-left:-10px;
		margin-right:-10px;
		border-bottom:1px solid #00668E;
	}
	
	.topbutton {
		display:inline-block;
		width:45%;
		margin-left:3%;
		border:1px solid #00668E;
		border-bottom:0;
		text-align:center;
		padding:10px;
		font-size:18px;
		color:#0079ac;
	}
			
	.topbutton.selected {
		background:#0079ac;
		color:white;
	}
	
	.toppanel.show {
		display:block;
	}
			
}

@media only screen and (max-width: 320px) {
	
	.searchtext {
		width:54%;
	}
		
	.summarytable {
		font-size:0.45em;
	}
	
	.navbutton {
		padding:5px 8px;
	}
	
}