body {
    background: url(/img/pattern-4.png);
}

#header {
    background-color: white;
	-webkit-box-shadow: 0 5px 6px -6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 6px -6px rgba(0, 0, 0, 0.3);
}

h1 {
    color: #2672AC;
}

h1 div a {
	text-decoration: none;
}

#header {
    padding-bottom: .4em;
}

#header .link-homepage {
    float:left;
}

#header ul.lang-versions {
	margin-right: 12em;
    float: right;
    display: block;
}

#header a.main-logo {
    float: left;
    display: block;
    margin: 0 .6em;
}

#top-navigation {
    background-color: #249FDF;
    margin: 0;
    list-style-type: none;
    padding: 0;
}

#top-navigation li {
    float: left;
    color: white;
    font-size: small;
}

#top-navigation li.lang {
    float: right;
}

#top-navigation li:first-child {
    margin-left: 1.4em;
}

#top-navigation li a {
    color: white;
    text-decoration: none;
    display: block;
    padding: .2em 1em;
}

#top-navigation li:hover {
    background-color: #0F5273;
}

#top-navigation:after, #header:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#top-status {
	background-color: #D6EBF4;
	border-bottom:2px solid #0093DD;
    padding-left: 2.2em;
    margin-bottom: .8em;
}

#footer {
    background-color: black;
    color: white;
    border-top: 2px solid gray;
}

#main-menu li {
    width: 7em;
    font-size: small;
    text-align: center;
}

#main-menu li a {
	color: #0F5273;
	background-color: white;
	border-top:6px solid #0093DD;
}

#main-menu li a:hover {
	color:white;
	background-color: #0093DD;
	border-top-color: #0F5273;
}

#sub-menu li a {
	color: #0F5273;
	background-color: #D6EBF4;
	border-top:6px solid #0093DD;
}

#sub-menu li a:hover, #sub-menu li.selected {
	color: white;
	background-color: #0093DD;
	border-top-color: #0F5273;
}

#sub-menu li a.selected, #sub-menu li span {
	color: white;
	background-color: #0093DD;
	border-top-color: #0F5273;
}

#sub-menu li a:hover.selected {
    color: white;
	background-color: #0F5273;
	border-top-color: #FF591A;
}

table.grid {
    background-color: white;
}

table.grid th.rsep, table.grid td.rsep {
    border-right-width: 3px;
}

table.insurance td.user-choice {
	background-color: #E4FCE6;
}

table.insurance tr:hover td.user-choice {
	background-color: #BEE9C1;
}

table.insurance tr.user-no-choice td {
	color: gray;
	background-color: #F9F9F9;
}
table.insurance tr.user-no-choice:hover td {
	background-color: #E9E4E4;
}

table.insurance tr.user-no-choice td.user-choice {
	background-color: #FCE4E5;
}

table.insurance tr.user-no-choice:hover td.user-choice {
	background-color: #E9BEC2;
}

table.insurance tr.use-for-me td {
	color: red;
	background-color: #FCE0D2;
}
table.insurance tr.use-for-me td a {
	color: red;
}

table.insurance img.agree, table.insurance img.confirmed {
	margin-right: 0.6em;
}

table.insurance img.agree, table.insurance img.disagree {
	visibility: hidden;
}

table.insurance tr:hover img.agree, table.insurance tr:hover img.disagree {
	visibility: visible;
}

table.insurance img.fast-choice {
	visibility: hidden;
}

table.insurance td:hover img.fast-choice {
	visibility: visible;
}

table.insurance tr.user-no-choice td.fast-selected-amount, table.insurance tr.user-no-choice td.fast-selected-period {
	background-color: yellow;
}

table.insurance td.fast-selected-amount img.fast-choice, table.insurance td.fast-selected-period img.fast-choice {
	visibility: visible;
}

/*
	Account
*/

table.account {
	border: 3px solid #000;
}

table.account > tbody > th, table.account td {
	border-color: #000;
}

table.account > tbody > tr:first-child th {
	border-bottom: 3px solid #000;
	background-color: white;
	font-weight: bold;
}

table.account > tbody > tr:last-child th {
	border-top: 3px solid #000;
	background-color: white;
	font-weight: bold;
	font-size: 120%;
}

table.account > tbody > tr:first-child th:first-child {
	font-size: 160%;
}

table.account div {
	min-height: 1em;
}

table.account > tbody > tr:first-child th:nth-child(3), table.account tr:first-child th:nth-child(4) {
	min-width: 6em;
}

.debt {
	color: red;
}

table.account tr td.billing-frame {
	padding: 0;
}

table.account tr td.billing-frame > div {
	padding: 0.2em 0.4em;
}

table.account tr td table.flight-billing {
	font-size: 80%;
	border-collapse: collapse;
	margin: 0;
	width: 100%;
	border-width: 0;
}

table.account tr td table.flight-billing th,
table.account tr td table.flight-billing td {
	padding: .2em .6em;
	border-width: 0;
	border-bottom-width: 1px;
	border-bottom-color: grey;
}