/* Typography */
body, table {
	font-family: 'Titillium Web', Arial, sans-serif;
	font-size: 12px;
}

/* Basic Dimensions */
body { 
	max-width: 800px;
	margin: auto;
	padding-bottom: 1%;
}

/* HEADER */
.header .logo {
	background-color: #154276;
	padding: 0.8%;
}

.header .logo img {
	width: 13%;
}

.title {
	background-color: #EBEBEB;
    	text-align: center;
    	color: #798E9F;
    	font-size: 1.6em;
    	padding: 1%;
}

.title a {
	color: #838383;
	white-space: nowrap;
}

/* Status panel */
.status {
    text-align: center;
    color: #8F8F8F;
}

form .find {
	margin-top: 1%;
}

form .find button {
	width: 100%;
}


/* RESULT TABLE */
.navigation {
	padding: 0.5%;
	background-color: whitesmoke;
}

.result {
    background-color: rgb(244, 244, 244);
}

.result thead {
	color: #838383;;
	font-size: 1.2em;
}

table.result th {
	cursor: default;
	text-align: center;
    	background-color: #EBEBEB;
}


table.result tr td {
	border: 1px solid #CBCBCB;
	padding: 0.5%;
   	text-align: center;
   	vertical-align: middle;
   	color: #1B8B15;
}

.result tbody tr:hover {
	background-color: #5CB85C;
    	cursor: pointer;
}

.result tbody tr:hover td {
	color: white;
}

/* COMPANY */
div.logo {
	text-align: center;
}

.logo img {
	max-width: 200px;
}

h1.company-name {
	text-align: center;
}

/* FOOTER */
div.footer {
	text-align: center;
	margin: 30px 0px 5px 0px;
    	color: #4A6A8D;
}

.next-page {
	margin: 10px auto;
	display: block;
	width: 100%;
}


.footer {
	margin-top: 2%;
}