html {
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
}

body {
	font-family: Verdana, arial, helvetica;
	font-size: 13px;
	text-align: center;
	color: #404040;
}

input.button { 
	font-size: 13px;
	color: black;
	text-align: center;
}

.button { 
	text-align: center;
}

.button:hover { 
	text-decoration: none;
	color: #404040;
}

button.danger,
.button.-danger {
	background: #d9534f;
	color: #fff;
}

button.danger:hover,
.button.-danger:hover {
	background: #c9302c;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small {
	float: right;
	line-height: 2.3;
}

table caption { text-align: left; }

textarea { 
	min-height: 100px; 
	width: 80%; 
}

label { 
	font-weight: bold; 
	display: inline-block; 
}

br.clear { 
	margin: 0; 
	padding: 0; 
	line-height: 0; 
}

fieldset {
	border-radius: 4px;
	margin-bottom: 10px;
}

.tabNavigation { text-decoration: none; }

.btn-container { width: 45%; }
.btn-container.-admin .button { width: 200px; }

.-login input[type="checkbox"] + label { width: auto; }

.quick-links label { font-weight: normal; }

.opmet-search { text-align: right; }

#divInputFields {
	margin: auto;
	width: 35%;
	text-align: left;
}

.password-container { width: 31%; }

.password-container label {
	display: inline-block;
	width: 40%;
}

.clearfix:after {
	content: " "; /* Older browser do not support empty content */
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

#divAddNewUserContent { width: 75%; }

#divAddNewUserContent label {
	display: inline-block;
	width: 30%;
}

.dragclass{
	position: relative;
	cursor: move;
}

.form-normal {
	margin: auto;
	text-align: left;
	width: 36%;
	padding: 15px;
}

.form-normal input,
.form-normal textarea { width: 100%; }

.table-normal,
.result,
.left { text-align: left; }

.right { text-align: right; }
.center { text-align: center }

#divContent table,
#divIContent table {
	width: 100%;
	border-collapse: collapse;
}

th { background: #c2c2c2; }

hr { clear: both; }

.sub-h { font-size: 0.6em; }

.flat-list,
.quick-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.flat-list li,
.quick-links li { display: inline-block; }

.quick-links li {
	width: 32%;
	margin-bottom: 5px;
	font-size: 14px;
}

.flat-list li { padding: 0 10px 0 0; }

.quick-links.domestic li { width: 25% }
.quick-links.domestic .long-link { width: 48%; }

.actions a { text-decoration: none; }

#divContent tr:nth-child(2n+2) { background: #e9e9e9; }
#divContent tr:nth-child(2n+1) { background: #fff; }

.icon-link:hover { text-decoration: none; }

.icon-link {
	display: inline-block;
	font-size: 14px;
	text-align: center;
	width: 100px;
	line-height: 1.2;
	vertical-align: top;
}

select { font-size: 12px; }

textarea, input[type="text"], 
input[type="number"],
input[type="password"] {
	font-size: 10pt;
	border:1px solid #7f7f7f;
	padding:3px;
	margin:5px 0px;
}


input[type="text"]:focus, 
input[type="password"]:focus, 
textarea:focus { border:1px solid #00c300; }

.likelink { cursor: pointer; }

img {
	border: none;
	text-decoration: none;
}

span#info,
span.info,
span.ok,
span.warning,
span.error,
span#error,
span.nodata { font-weight: bold; }

span#info,
span.info,
span.ok { color: #0D9E4A; }

span.warning { color: #A00; }

span.error,
span#error { color: #E00; }

span.nodata { color: #a9a9a9; }

div.response_error,
div.error { 
	border: 1px solid #92373f;
	padding: 12px 12px 12px 30px;
	background: url("../images/no_16x16.png") no-repeat scroll 2px 12px #c8878d;
	margin-bottom: 10px;
}

.response_success,
.okay,
.response_busy,
.busy,
.response_warning,
.warning {
	border: 1px solid #CCC;
	width: 500px;
	padding: 12px 12px 12px 30px;
	margin-bottom: 10px;
}

.response_success,
.okay {
	border-color: #4dda2c;
	background: url("../images/yes_16x16.png") no-repeat 2px 12px #EAFFEA;
}

.response_busy,
.busy {
	background-color: #ebeff9; 
	border-color: #6c91db;
}

.response_warning,
.warning {
	border-color: #b08200;
	background: url("../images/warning_24.png") no-repeat 2px 5px #e7d9b2;
}

.info {
	border: 1px solid #6c91db;
	padding: 12px 12px 12px 30px;
	margin-bottom: 4px;
	background: url("../images/info_24.png") no-repeat 2px 12px #dcdef4;
}

.help{
	border: 1px solid #6c91db;
	padding: 12px 12px 12px 30px;
	margin-bottom: 4px;
	background: url("../images/help_24.png") no-repeat 2px 12px #dcdef4;
}

div#divFlightOwner{
	width: 800px;
	color: #925f12;
}

table#EditFlightTable{
	position:relative;
	width:100%;
}

.doubletoprighttd{ text-align:right; }
/*** close qtip ***/
#closeqtip{
	width:100%;
	text-align:right;
}
/* tablesorter */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}

table.tablesorter thead tr th, 
table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

table.tablesorter thead tr .header {
	background: url(../images/bg.gif) no-repeat center right;
	cursor: pointer;
}

table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}

table.tablesorter tbody tr.odd td { background-color:#F0F0F6; }

table.tablesorter thead tr .headerSortUp { 
	background-image: url(../images/asc.gif); 
}

table.tablesorter thead tr .headerSortDown { 
	background-image: url(../images/desc.gif); 
}

table.tablesorter thead tr .headerSortDown, 
table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; }
/** Table layout - remember to set class for odd and even TR's **/
table.usertablelayout{
	position:relative;
	width:100%;
	border-collapse:collapse;
}

table.usertablelayout th { background-color: #C2C2C2; }

table.usertablelayout tr td,table.usertablelayout th{
	padding:2px 10px 2px 10px;
	text-align:left;
}

.oddTBRow{ background-color:#E8E8E8; }
.evenTBRow{ background-color:#FFF; }
.greenTBRow{ background-color:#e8ffe8; }

#pager{
	position: relative;
	width: 100%;
	text-align: center;
}

#pager label{ font-size: 22px; }

input.showhistinput[type="text"] { width: 100px; display: inline-block; }
/** popupTableClass **/
.popupTableClass { font-size: 10px; }
.popupTableClass tr td input{
	position:relative;
	width:60px;
	font-size: 10px;
}
/** flightedit **/
#wmosearchtable{
	border: 1px solid #069;
	width:500px;
	overflow: auto;
	max-height:400px;
	display: block;
	border-collapse: collapse;
}

#wmosearchtable tr,#wmosearchtable tr td{
	width: 100%;
	position: relative;
}

#wmosearchtable tr td{ padding:5px; }

.input-error { border-color: #900 !important; }

.searchIcao { cursor: pointer; }

#set-landing-page { 
	margin: 25px 30px 0 0; 
	cursor: pointer; 
	display: none; 
	position: relative; 
}
/* Styling for colour coded actuals */
.temp-diff-min,
.temp-diff-eq,
.cloud-height-min, 
.weather,
.speci,
.trend	{ font-weight: bold;}

.temp-diff-eq,
.trend { font-decoration: underline; }

.recent-weather,
.wind-speed,
.visibility,
.wind-direction { color: #8e0008; }
.cloud-height-min, .gusts { color: #4169E1; }
.previous-gust { color : #00F; }
.temp-diff-max, .speci { color: #f00; }
.temp-diff-min { color: #4E9258; }
.temp-diff-eq	{ color: #0f0; }
.remarks	{ color: #ffbb0f; }
.weather	{ color: #8e0078; }
.old-data { color: #afafaf; }
.trend { color: #647eff; }

.result .probability, .result .temporary, 
.result .deprecated, .result .clouds, 
.result .cloud-type, .result .showers, 
.result .water-vapour, .result .particles, 
.result .aerodrome, .result .patches, 
.result .smoke, .result .fog, 
.result .towering-cumulus, .result .icing, 
.result .hazzard, .result .location, 
.result .sigmet, .result .temporary	{ cursor: pointer; }

.result .cloud-type, .result .showers,
.result .water-vapour, .result .particles,
.result .aerodrome, .result .patches,
.result .smoke, .result .fog,
.result .towering-cumulus, .result .hazzard,
.result .location, .result .icing { font-weight: bold; }

.result .probability { font-style: italic; }

.result .temporary,
.result .location,
.result .sigmet { text-decoration: underline; }

.result .deprecated { text-decoration: line-through; }

.result .clouds,
.result .temporary,
.result .icing	{ color: #4169E1; }
.result .cloud-type { color: #F00; }
.result .showers { color: #800000; }
.result .water-vapour { color: maroon; }
.result .particles { color: #8B4513; }
.result .aerodrome { color: #FF7F50; }
.result .patches { color: #6B8E23; }
.result .smoke { color: #DAA520; }
.result .fog { color: #F00; }
.result .towering-cumulus { color: #FF6347; }
.result .hazzard,
.result .sigmet { color: #4e9258; }
.result .location { color: #AAA; }

pre {
	white-space: pre-wrap;		/* css-3 */
	white-space: -moz-pre-wrap;	/* Mozilla, since 1999 */
	white-space: -pre-wrap;		/* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	word-wrap: break-word;		/* Internet Explorer 5.5+ */
	margin: 0 0 10px 0;
	font-family: monospace;
}

pre p { margin: 0; }

pre, pre .js-metar { margin: 0; }
pre .js-metar, pre .js-taf { padding: 0 2px; border-top: 1px solid transparent; }

@media print {
	div.GoogleActiveViewClass,
	.top-banner,
	.header-search,
	#divMenu,
	.footer { display: none; }
}

.browser-icon {
	display: inline-block;
	font-size: 0.7em;
	text-align: center;
	margin-right: 10px;
}

.browser-icon .-icon {
	background: url("../images/browsers-sprite.png") repeat scroll 0 0 transparent;
	display: block;
	font-size: 0.9em;
	height: 40px;
	line-height: 10em;
	text-align: center;
	width: 40px;
	margin: auto;
}

.browser-icon .-chrome { background-position: 0 0; }
.browser-icon .-firefox { background-position: -40px 0; }
.browser-icon .-opera { background-position: -78px 0; }
.browser-icon .-safari { background-position: -115px 0; }
.browser-icon .-ie { background-position:	-157px 0; }

.qtip .qtip-wrapper {
	-webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
	box-shadow:0 0 18px rgba(0,0,0,0.4);

	border-radius: 5px;
	-moz-border-radius: 5px;
}
/* =============================================================================
	Paginator
============================================================================= */
.pagination {
	border: 1px solid #ccc;
	border-radius: 3px;
	display: inline-block;
	list-style: outside none none;
	padding: 0;
}

.pagination li {
	border-right: 1px solid #ccc;
	display: inline-block;
	font-size: 0.8em;
}

.pagination li.disabled a { color: #ccc; }

.pagination li.disabled a:hover,
.pagination li.disabled a:focus {
	text-decoration: none;
	cursor: default;
}

.pagination .last { border: none; }

.pagination .active { background: #6ca0bb; }

.page.active a {
	color: #fff;
	text-decoration: none;
}

.pagination a {
	display: inline-block;
	padding: 5px 15px;
}


.pagination a:hover, 
.pagination a:focus { text-decoration: none; }
/* =============================================================================
	Data Tables
============================================================================= */
.dataTables_info { font-size: 0.7em; }

div.dataTables_wrapper .dataTables_paginate {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 0.8em;
	margin-top: 10px;
	padding: 0;
}

.dataTables_length select {
	display: inline-block;
	padding: 3px 5px;
}

div.dataTables_filter input {
	display: inline-block;
	padding: 5px 10px;
	width: 200px;
}

.dataTables_wrapper .dataTables_paginate.paging_full_numbers a.paginate_button {
	background: none;
	border: medium none;
}


.dataTables_wrapper .dataTables_paginate a.paginate_button.current, 
.dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover {
	background:#6ca0bb;
	border: medium none;
	color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled:active {
	background: none;
	border: medium none;
	box-shadow: none;
	color: #ccc !important;
	cursor: pointer;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button {
	color: #6ca0bb !important;
}


.dataTables_wrapper .dataTables_paginate a.paginate_button:hover, 
.dataTables_wrapper .dataTables_paginate a.paginate_button:focus {
	color: #2a6496 !important;
	text-decoration: underline;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button:active {
	background: none;
	box-shadow: none;
	outline: medium none;
}

.dataTables_filter { margin-bottom: 10px; }

#logged > a:nth-child(n+2),
#logged> span + a {
    border-left: 1px solid #ccc;
}

#logged > a, #logged > a:only-child {
    margin-left: 10px;
    padding: 0 0 0 10px;
}

#logged {
	float : right;
	margin-top : 7px;
}

.notification {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 200;
}

.notification .message {
	background: #f2928c;
	cursor: pointer;
	display: none;
	padding: 10px 20px;
	border-bottom: 1px solid #ccc;
}
.message-not {
	width : 16px;
	vertical-align : bottom;
	margin-left: 10px;
}
.message-num {
	position : absolute;
	margin-left: -5px;
	border-radius : 50%;
	background-color : #6ca0bb;
	min-width : 14px;
	height : 14px;
	line-height : 10px;
	font-size: 1em;
	text-align : center;
	opacity : 0.9;
	color : white;
	display: inline;
	vertical-align : middle;
	padding : 0.2em;
}

#logged a {
	margin-right : 10px;
}

.query-container:hover .colour-selection {
	display: inline;
}

.colour-selection {
	display: none;
	font-family: monospace;
	font-size: 16px;
	margin-left: 20px;
	line-height: 25px;
	vertical-align: middle;
}

.flashing-background {
	//animation : flashing-background 2s linear infinite;
	//-webkit-animation : flashing-background 2s linear infinite;
	background-image : url("../images/flashing.gif");
	background-repeat : repeat;
}

@keyframes flashing-background {
	0%, 50%, 100% {
		background-color : red;
	}
	25%, 75% {
		background-color : #6ca0bb;
	}
}
@-webkit-keyframes flashing-background {
	0%, 50%, 100% {
		background-color : red;
	}
	25%, 75% {
		background-color : #6ca0bb;
	}
}

.flashing-font {
	animation : flashing-font 2s linear infinite;
	-webkit-animation : flashing-font 2s linear infinite;
}

@keyframes flashing-font {
	0%, 50%, 100% {
		color : red;
	}
	25%, 75% {
		color : #333;
	}
}
@-webkit-keyframes flashing-font {
	0%, 50%, 100% {
		color : red;
	}
	25%, 75% {
		color : #333;
	}
}

div.error a {
	color : white;
}

div.error a:hover, div.error a:focus {
	color : #2a6496;
}


@media only screen and (max-width: 750px) {
	.hide-from-mobile {
		display : none;
	}
	div.js-taf .taf-separator {
	}
	div.js-taf .taf-separator.coloured-taf {
	}
	.js-metar:hover a.view-decoded, .js-taf:hover a.view-decoded {
	//	display : none;
	}
	#divContent .query-container:hover .colour-selection {
		display : none;
	}

	#divContent .js-metar a.view-decoded, #divContent .js-taf a.view-decoded {
		position : absolute;
		background-color : white;
		border : 1px solid #6CA0BB;
		padding : 0 10px;
		right : 0px;
		border-radius : 7px;
		text-decoration : none;
		color : #6CA0BB;
	}
	.generate-web div.taf-separator {
	}

	#divContent pre .js-metar,
	#divContent pre .js-taf {
		border-bottom : 1px solid #CCC;
	}
}

.taf-separator {
}

div.js-taf div {
	display : inline-block;
}

div.taf-separator {
	display : inline-block;
}


.generate-web .taf-separator {
}

.speci-amd-cor {
	color : #1111EE;
}

.open-image-container {
	position : relative;
}

.open-image-container:hover img.open-image-icon {
	height : 16px;
	opacity : 100;
	transition : opacity 1s;
}

.open-image-icon {
	height : 0px;
	opacity : 0;
	cursor : pointer;
}