﻿@charset "utf-8";
/* CSS Document */ 
.srchBlock label{
	display: inline-block;
	text-align: right;
	min-width: 60px;
	margin-right: 4px;
	font-size: 14px;
}

.srchBlock td{
	padding: 6px 0;
}

.srchBlock .addressfield{
	width: 350px;
}

.srchBlock .lastnamefield{
	width: 300px;
}

.srchBlock .firstnamefield{
	width: 200px;
}

.srchBlock input[type="submit"]{
	    background-color: #6995C7;
		color: #fff;
		border: none;
		height: 21px;
		width: 85px;
		margin-left: 8px;
		
}
.srchBlock p {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    padding: 10px;
}
a.nsButton{
	display: inline-block;
	    background-color: #04438c;
		color: #fff;
		border: none;
		height: 21px;
		line-height:21px;
		width: 85px;
		text-align: center;
	    margin-left: 8px;
	    text-decoration:none;

}
.country select {
    width: 200px;
}
.exportLink{
	text-align: left;
}

.exportLink a{
	display: inline-block;
	line-height: 20px;
	background: url(images/excelicon.gif) left center no-repeat;
	padding-left: 22px;
	
	
}
table.commCheck {
    width: 100%;
}
.commCheck tr {
    display: inline-block;
    width: 50%;
}
.goBackLink{
	margin: 12px 0 12px 0;
	display: inline-block;
	line-height: 20px;
	background: url(images/totopicon.gif) left center no-repeat;
	padding-left: 22px;
}

.resTable {
	width: 100%;
	border: none !important;
	margin-top: 18px;
}

.resTable a{
	color: #476b8e;
	text-decoration:underline;
}
.resTable span {
    display: block;
}
.resTable th, .resTable td {
	padding: 6px 5px;
    box-sizing: border-box;
}

.resTable td{
	vertical-align: top;
}

.resTable th {
    font-weight: normal;
	text-align: left;
	background-color: #ccc;

}

.resTable tr:nth-child(odd) {
	background-color:#d4e9fe;
}
tr.COSE td:first-child {
    background: url(images/bgCose.png) no-repeat 5px center;
    padding-left: 30px;
}
tr.RIOS td:first-child {
    background: url(images/bgRIOS.png) no-repeat 5px center;
    padding-left: 30px;
}
tr.COSERIOS td:first-child {
    background: url(images/bgCOSERIOS.png) no-repeat 5px center;
    padding-left: 60px;
}
 .pagination ,.pagination tr:nth-child(odd){
	background-color:transparent !important;
}
 .pagination a{
	 display: inline-block;
	 width: 20px;
	 height: 20px;
     margin-right: .75em;
	 line-height:20px;
	 text-align: center;
	 background-color: #ccc;
	 
 } 
  .pagination span{
	 display: inline-block;
	 text-align: center;
	 color: #fff;
	 line-height:20px;
     margin-right: .75em;
	 width: 20px;
	 height: 20px;
	 background-color: #04438c;
}
 .resTable tr.pagination td {
     padding: 5px 0 0 0 !important;
 }
 .commodChecks tr {
	 width: 50%;
     float: left;
 }
 
 @media only screen and (max-width: 960px) {

	/* Force table to not be like tables anymore */
	.resTable , .resTable thead, .resTable tbody, .resTable th, .resTable td, .resTable tr { 
		display: block; 
		    width: 100%;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.resTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.resTable th{
		display: none;
	}
	
	.resTable tr { border: 1px solid #ccc; }
	
	.resTable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		/*padding-left: 50%; */
	}
	
	.resTable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	
		.resTable .pagination table {
		display: table;
        width: auto;
	}
		.resTable .pagination tbody {
        width: auto;
	}
	.resTable .pagination tr {
	
		display: table-row;
	}
	
		.resTable .pagination td {
	    width: auto;
		display: table-cell;
		border-bottom: none;
	}
	
	.srchBlock{
		position: relative;
				padding-bottom: 50px;
	}
	
	.srchBlock td {
    padding: 0px;
	
}
	
	.srchBlock label {
    display: block;
    text-align:left;
    min-width: 60px;

	margin: 6px 0;
}

.srchBlock input[type="submit"] {
   position: absolute;
   bottom: 20px;
   left: 0;
   right:auto;
    margin-left: 0px;
}

a.nsButton {
	
	  position: absolute;
   bottom: -8px;
   right: auto;
   left: 0px;
    margin-left: 0px;
}

.srchBlock .addressfield {
    width: 250px;
}

}