
* {
	box-sizing:border-box;
}

input:focus, button:focus, a:focus, select:focus, .filterhead:focus {
	-webkit-box-shadow: 0 0 5px #999999;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border-color: #999;
    outline: none;
}

.button {
	background:#008291;
}

.button:hover {
	background:#009BA7;
}

.npleftpanel {
	float:left;
	width:810px;
	position:relative;
}

.nprightpanel {
	float:left;
	width:360px;
	background-color: #D8D8D8;
	padding:15px;
	box-sizing: border-box;
}

.npleftpanel .panel-heading {
	display:none;
}

.npleftpanel > .panel {
	border:0;
	box-shadow:none;
}

.panel-body {
	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	color: #4D4D4D;
}

tr.navigation .navigator a, tr.navigation .navigator span.goto em {
	background:white;
	color: #008291;
}

tr.navigation .navigator span.goto em {
	background:#008291;
	color:white;
}

tr.navigation .navigator a:hover {	
	background: #009BA7;
	color:white;	
}

tr.navigation .navigator span.first em, tr.navigation .navigator span.prev em, tr.navigation .navigator span.next em, tr.navigation .navigator span.last em {
	background:white;
	color:#ddd;
}

table.searchresults > tbody > tr > td {
	border:0;
	border-bottom: 2px dotted #CCCCCC;
}

table.searchresults > tbody > tr:first-child > td {
	border-top: 2px dotted #CCCCCC;
}

table.searchresults tbody tr:hover {
	background: #BEE2E5;
}

div.resulttitle {
	color:#008291;
}

h1,h2,h3 {
	color:#008291;
}

.panel {
	border:0;
	box-shadow:none;
}

.npleftwrapper {
	float:left;
	width:810px;
}

.panel-body h2 {
	color:#008291;
    border-bottom: 2px dotted #CCCCCC;
    font-family: Georgia;
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
	
div.filterhead {
	border:0 !important;
	background:#008291;
	background:#888;
}

div.filterbody {
	border:0 !important;
}

div.filtersearch {
	border:0 !important;
	background: #f0f0f0;	
}

.filterinput {
	border:1px solid white;
}

input.button {
	background:#008291;
	border:0;
}

input.button:hover {
	background:#009BA7;
}

.radiobuttons input:checked+label {
	background:#008291;	
}

.radiobuttons label {
	border:1px solid #008291;
	color:#009BA7;
}

.radiobuttons label:hover {
	background:#009BA7;
}

.filterpanel .filteropen {
	background:#009BA7;
}

div.filterexpand:hover {
	background:#009BA7;
}

div.filtersearchlist {
	border:0;
}

.searchtextwrapper {
	margin-right: 65px;
}

.searchtext {
	float:none;
    background: url("../images/lined-big.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 240px;
    font-family: Georgia;
    color: #a5a5a5;
    font-size: 28px;
    font-weight: normal;
    padding: 16px 15px;
    margin-bottom: 15px;    
    border: 1px solid #bfbfbf;
    height:auto;
	-webkit-transition: -webkit-box-shadow 0.45s,border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s,border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s,border-color 0.45s ease-in-out;
}

.freetextsearch a span {
	display:none;
}

.freetextsearch a img {
	display:inline-block;
	height:40px;
}

.freetextsearch a 
{	
	color:white;
	box-sizing:border-box;
    float:right;
	width:65px;
	height:66px;
	padding:14px 5px;
	margin:0;
	border:1px solid #bfbfbf;
	border-left:0;
}
.freetextsearch input[type="text"]:focus {
	color:black;
	-webkit-box-shadow: 0 0 5px #999999;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border-color: #999;
    outline: none;
}

a.deletelink {
	background-image:url(../images/npdelete.png);
}

div.resultinfo table {
	float:none;
	width:100%;
}

.resultinfo table td:nth-child(1) {
	width: 110px;
}

.resultinfo table td:nth-child(2) {
	width: auto;
}

.leftnavbutton {
}

.middlenavbutton {
}

.rightnavbutton {
}

.projectinfo h2 {
    font-size: 1.6875em;
    color: #4D4D4D;
    margin: 10px 0 20px 0;
    padding: 0;
    border-bottom:0;
}

.projectInfoTexts {
	padding:20px 0;
	border-top: 2px dotted #CCCCCC;
    border-bottom: 2px dotted #CCCCCC;
    margin-bottom:20px;
}

.projectInfoTexts h3 {
    font-size: 1.375em;
    font-weight: normal;
    color: #4D4D4D;
    margin: 0 0 20px 0;
    padding: 0;
    font-family: Georgia;
}

.projectinfotable {
	margin-bottom:20px;
}

.projectinfotable + tr + td:first-child {
	width:100%;
}

// this is moved down under the text in nordplus display so hide this td
.projectinfotable + tr + td:nth-child(2) {
	display:none;
}

.resultinfo .widerfirst td:first-child {
	width:140px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}

.resultinfo .widerfirst td:nth-child(2) {
	width:auto;
}

.summarytable th {
	background:#D8D8D8;
	color:#008291;
	border:1px solid #cdcdcd;}

.summarytable tr:nth-child(1) th:nth-child(2),
.summarytable tr:nth-child(2) th:nth-child(3),
.summarytable tr:nth-child(2) th:nth-child(2),
.summarytable tbody td:nth-child(2),
.summarytable tbody td:nth-child(3)
{
	display:none;
}

.summarytable {
	width:390px;
	padding:10px;
}

.help-body > h2 {
	display:block;
}

.helpbutton {
	position:absolute;
	top:10px;
	right:15px;
	width:32px;
	height:32px;
	background-image:url(../images/question-mark.png);
	background-repeat:no-repeat;
	border-radius:16px;
}

.helpbutton.close {
	background-image:url(../images/close.png);
}

.projectinfo {
	padding:0 10px;
}

@media only screen and (max-width: 500px) {
	
	#bd {
		margin-top:0;
		padding:0;
	}
	
	.panel-body {
		padding:0;
	}
	
	.summarytable,
	.navbuttons {
		margin-top:10px;
	}
	
	.topmenu {
		border-color:#D8D8D8 !important;
		margin-left:0px !important;
		margin-right:0px !important;
	}
	
	.topbutton.selected {
		background:#D8D8D8 !important;
	}	
	
	.topbutton:focus {
		box-shadow:none;
		border-color:#008291 !important;
	}
	
	.topbutton {
		border-color:#D8D8D8 !important;
		color:#008291 !important;
	}	
			
}	

@media only screen and (max-width: 320px) {
	
	.summarytable {
		font-size:0.7em !important;
	}
	
}


// #008291
// #009BA7
