/* Style sheet for CSS compliant browsers. */
/* Tested in Opera 7 and Gecko (Mozilla) */


html
{
	height:		100%;
	margin:		0px;
	padding:	0px;
}

body
{
	font-size:			small;
	height:				100%;
	margin:				0px;
	padding:			0px;
}

/********************************/
/* Navigation bar				*/
/********************************/

div.nav
{
	position:		absolute;
	width:			13em;
	left:			0px;
	top:			0%;
	padding:		0px;
	height:			100%;
	overflow:		auto;
	font-family:	verdana, arial, "sans serif";
	cursor:			default;
	background-color:   #cc9999;
	color:			black;
	scrollbar-base-color:	#ccaaaa;
}

div.nav p
{
	font-size:		90%;
	margin-left:	0.5em;
	margin-right:	0.5em;
}

div.nav h1, div.nav h2
{
	font-size:	  90%;
	margin-left:	0.5em;
	margin-right:	0.5em;
	color:		  black;
}

div.nav h1
{
	margin-top:	 1em;
	margin-bottom:  1em;
	text-align:	center;
}

div.nav h2
{
	margin-top:	 1.25em;
	margin-bottom:  0;
}

div.nav ul
{
	margin:			0px;
	padding:		0px;
	margin-left:	0em;
	margin-right:	0em;
}

div.nav li
{
	font-size:	  	90%;
	margin:			0.5em 0.5em 0em 2em;
	padding:		0px;
}

/* Sub-list */
div.nav ul.sublist
{
	display:	none;
	list-style-type:	circle;
	list-style-image:	url(images/arrow_bullet.gif);
	margin:		0em 0em 1em 0em;
}

ul.sublist li
{
	font-size:	  	100%;
	font-weight:	normal;
	color:			#000000;
	margin: 		0em 0.5em 0em 1em;
	padding: 0em;
}

div.nav a {color: #000000;}
div.nav a:link	{text-decoration: none;}
div.nav a:visited {text-decoration: none;}
div.nav a:hover   {color: #8b0000; text-decoration: underline;}
div.nav a:active  {color: #8b0000; text-decoration: underline;}

/* Highlight links in bold red when you're on that page... */
body.index				h1.index,				body.index				a.index,
body.ireland			li.ireland,				body.ireland			a.ireland,
body.letouquet			li.letouquet,			body.letouquet			a.letouquet,
body.lasham				li.lasham,				body.lasham				a.lasham,
body.forumflyin			li.forumflyin,			body.forumflyin			a.forumflyin,
body.minireports		li.minireports,			body.minireports		a.minireports,
body.redhilltaxiway		li.redhilltaxiway,		body.redhilltaxiway		a.redhilltaxiway,
body.gmishcheckout		li.gmishcheckout,		body.gmishcheckout		a.gmishcheckout,
body.headcornpoorvis	li.headcornpoorvis,		body.headcornpoorvis	a.headcornpoorvis,
body.redhilllyddgps		li.redhilllyddgps,		body.redhilllyddgps		a.redhilllyddgps,
body.mothersdaygoodwood	li.mothersdaygoodwood,	body.mothersdaygoodwood	a.mothersdaygoodwood,
body.gbsep				li.gbsep,				body.gbsep				a.gbsep,
body.gbsepperformance	li.gbsepperformance,	body.gbsepperformance	a.gbsepperformance,
body.gbsepweightbalance	li.gbsepweightbalance,	body.gbsepweightbalance	a.gbsepweightbalance,
body.gbtim				li.gbtim,				body.gbtim				a.gbtim,
body.logbook			li.logbook,				body.logbook			a.logbook,
body.airfields			li.airfields,			body.airfields			a.airfields,
body.flyingcosts		li.flyingcosts,			body.flyingcosts		a.flyingcosts,
body.gallery			li.gallery,				body.gallery			a.gallery,
body.links				h2.links,				body.links				a.links,
body.visitors			h2.visitors,			body.visitors			a.visitors
{
	font-weight: bold;
	color: #cc0000;
}

/* Sublists are hidden by default, except in the following cases. */
body.gbsep				ul.gbsep,
body.gbsepperformance	ul.gbsep,
body.gbsepweightbalance	ul.gbsep,
body.minireports		ul.minireports,
body.redhilltaxiway		ul.minireports,
body.gmishcheckout		ul.minireports,
body.headcornpoorvis	ul.minireports,
body.redhilllyddgps		ul.minireports,
body.mothersdaygoodwood	ul.minireports
{
	display:	block;
}

div.nav .highlight
{
	color:		  yellow;
}

/* navcontent div ensures the nav background colour extends
   far enough to contain the text even if browser doesn't support
   scroll bars. */
div.navcontent
{
	width:				100%;
	overflow:			visible;
	margin:				0px;
	padding:			0px;
	background-color:   #cc9999;
	padding-bottom:		1em;
	color:		  black;
}

.foreign
{
	font-style:		italic;
}

/********************************/
/* Navigation bar - collapsed	*/
/********************************/

div.collapsednav
{
	position:		absolute;
	width:			15px;
	left:			0px;
	top:			0px;
	padding:		0px;
	height:			100%;
	overflow:		hidden;
	font-family:	verdana, arial, "sans serif";
	cursor:			default;
	background-color:   #cc9999;
	color:			black;
	scrollbar-base-color:	#ccaaaa;
	display:		none;
}

/* navcontent div ensures the nav background colour extends
   far enough to contain the text even if browser doesn't support
   scroll bars. */
div.collapsednavcontent
{
	width:				100%;
	overflow:			visible;
	margin:				0px;
	padding:			0px;
	background-color:   #cc9999;
	padding-bottom:		1em;
	color:		  black;
}

/*********************************/
/* Bottom nav					 */
/*********************************/

div#bottomnav
{
	bottom:			0px;
	margin:			2em 0px 0px 0px;
	padding:		1em 0px 3em 0px;
	color:			black;
	background-color: #cc9999;
	clear:			both;
}

div#bottomnav .leftlink
{
	text-align:		left;
	float:			left;
	margin:			0px;
	padding:		0px;
	width:			33%;
}

div#bottomnav .middlelink
{
	text-align:		center;
	float:			left;
	margin:			0px;
	padding:		0px;
	width:			33%;
}

div#bottomnav .rightlink
{
	text-align:		right;
	float:			right;
	margin:			0px;
	padding:		0px;
	width:			30%;
}


div#bottomnav a:link	{color: #000000; text-decoration: none;}
div#bottomnav a:visited {color: #000000; text-decoration: none;}
div#bottomnav a:hover   {color: #8b0000; text-decoration: underline;}
div#bottomnav a:active  {color: #8b0000; text-decoration: underline;}

.leftlink a {padding-left: 20px;}
.rightlink a {padding-right: 20px;}


/*********************************/
/* Content div				   */
/*********************************/

div.content
{
	padding: 0px;
	height: 100%;
	overflow: auto;
	font-family:	verdana, arial, "sans serif";
	font-size:	100%;
	color: #000000;
	background-color:   #ffffff;
}

div.content h1, div.content h2, div.content h3
{
	font-family: "times", "times new roman", serif;
	color: #8b0000;
	clear: left;
}

div.content h1
{
	font-size:		250%;
	font-style:		italic;
	text-align:		center;
	margin-top:		0.5em;
}

div.content h2
{
	font-size:		160%;
	font-weight:	bold;
	margin-left:	20px;
	margin-bottom:	0em;
	margin-top:		1.5em;
}

div.content h3
{
	font-size:  125%;
	margin-left: 20px;
}

div.content .picturelabel
{
	font-weight:	bold;
}

div.content p
{
	line-height:	125%;
	margin-left:	20px;
	margin-right:	20px;
	margin-top:		1.25em;
	margin-bottom:	1.25em;
}

div.content p.note
{
	font-style:	 italic;
	font-size:		90%;
	margin-left:	5em;
	margin-right:   5em;
}

div.content .picturecredit
{
	font-style:	 italic;
	font-size:		80%;
}

div.content .aircraftreg
{
	font-size: 90%;
}

div.content .quote
{
	font-style:		italic;
}

div.content .clearleft
{
	clear:		left;
}

div.content .clearright
{
	clear:		right;
}

div.content .clearboth
{
	clear:		both;
}

div.content hr
{
	width:50%;
	clear: both;
}

div.content a:link		{color:#990000; text-decoration:underline;}
div.content a:visited	{color:#885555; text-decoration:underline;}
div.content a:hover		{color:#ff0033; text-decoration:underline;}
div.content a:active	{color:#990000; text-decoration:underline;}

div.content a.toplink
{
	clear: both;
	float: right;
	margin-right: 2em;
	font-size: 90%;
}

div.content acronym,
div.content abbr
{
	cursor:help;
	font-style: italic;
	border-bottom: 1px dashed black;
}

div.content .highlight
{
	color:			#ff0000;
	font-weight:	bold;
}

.navigation li
{
	margin-top:		0px;
	margin-bottom:	0px;
}

/*********************************/
/* Logbook frame				 */
/*********************************/

div#logbookcontainer
{
	position:	absolute;
	left:		13em;
	right:		0px;
	bottom:		0px;
	margin:		0px;
	padding:	0px;
	color:				#000000;
	background-color:   #cc9999;
	padding-top:	10px;
}

iframe#logbook
{
	width:		100%;
	height:		100%;
}

/******************************/
/* Image styles				  */
/******************************/

img.imageright
{
	float:			right;
	margin-right:	 20px;
	margin-left:	  1em;
	margin-top:	   1em;
	margin-bottom:	1em;
}

img.imageleft
{
	float:			left;
	margin-left:	  20px;
	margin-right:	 1em;
	margin-top:	   1em;
	margin-bottom:	1em;
}

div.imagecenter
{
	text-align:	   center;
	margin-top:	   1em;
	margin-bottom:	1em;
	margin-left:		1em;
	margin-right:		1em;
	clear:			both;
}

a img
{
	/* No border on image links */
	border: none;
}

/********************************/
/* Hide/show navbar button		*/
/********************************/

img.closenav
{
	padding: 0px;
	margin:  0px;
	border: none;
}

a.closenav
{
	float: left;
	width: 10px;
	height: 11px;
	padding: 0px;
}

a.closenav:link,
a.closenav:visited,
a.closenav:hover
{
	padding:	1px;
	border-top:  1px solid #f5d8d8;
	border-left: 1px solid #f5d8d8;
	border-bottom: 1px solid #7a6666;
	border-right: 1px solid #7a6666;
}

a.closenav:active
{
	padding:	2px 0px 0px 2px;
	border-bottom:  1px solid #f5d8d8;
	border-right: 1px solid #f5d8d8;
	border-top: 1px solid #7a6666;
	border-left: 1px solid #7a6666;
}

/********************************/
/* Weight & Balance calculator	*/
/********************************/

div.weightbalance
{
	margin:				0px;
	margin-left:		auto;
	margin-right:		auto;
	padding:			0px;
	text-align:			left;
	background-repeat:	no-repeat;
	background-position: 0px 0px;
	background-color:	white;
	border:				1px solid black;
}

img.crosshair
{
	position:			relative;
	left:				0px;
	top:				0px;
	margin:				0px;
	padding:			0px;
}

div.code
{
	font-family:		courier, monospace;
	border:			1px solid black;
	background-color:	#DDDDDD;
	margin-left:		5em;
	margin-right:		10em;
	padding:		0.5em;

}

/************************************/
/* Performance and cost data tables	*/
/************************************/

table.performancedata,
table.costdata
{
	margin:				1em auto 1em auto;
	font-size:			80%;
	border:				1px solid gray;
	border-collapse:	collapse;
}

table.noborder
{
	border: none;
}

table.performancedata td,
table.performancedata th,
table.performancedata td.normal,
table.performancedata th.normal,
table.costdata td,
table.costdata th
{
	border:				1px solid gray;
	padding:			4px;
	text-align:			center;
}

table.performancedata th,
table.costdata th
{
	font-weight:		bold;
}

th.performancetitle
{
	font-size:			125%;
}

td.dimmed,
.dimmed td
{
	color:				#666666;
	background-color:   #e0e0e0;
}

td.notdimmed
{
	color:				#000000;
	background-color:	transparent;
}

tr.rowgrouptop td
{
	border-top:			1px solid gray;
	border-bottom:		none;
	padding-bottom:		0px;
}

tr.rowgroupmid td
{
	border-top:			none;
	border-bottom:		none;
	padding-top:		0px;
	padding-bottom:		0px;
}

tr.rowgroupbot td
{
	border-top:			none;
	padding-top:		0px;
}


/************************************/
/* Performance calculators         	*/
/************************************/

table.dialog
{
	margin:				0px;
	padding:			0px;
	width:				100%;
	color:				ButtonText;
	background-color:	ThreeDFace;
	font-family:		message-box, verdana, arial, "sans serif";
	font-size:			90%;
	border-right:		1px solid ThreeDShadow;
	border-bottom:		1px solid ThreeDShadow;
	border-top:		    1px solid ThreeDHighlight;
	border-left:	    1px solid ThreeDHighlight;
}

.dialog input,
.dialog select
{
	font-size: 100%;
}

.dialog input.disabled,
.dialog select.disabled
{
	color: 				ButtonText;
	text-decoration:	none;
	background-color:	ThreeDFace;
}

table.dialog hr
{
	width: 100%;
}

table.dialog td,
table.dialgog th
{
	border: none;
}

table.dialog th
{
	font-weight:		normal;
	text-align:			right;
}

table.dialog th.caption
{
	color:				CaptionText;
	background-color:	ActiveCaption;
	border:				1px solid ThreeDFace;
	font-weight:		bold;
	text-align:			left;
}

div.dialog
{
	margin:	auto;
	padding: 0px;
	border-top:	1px solid ThreeDLightShadow;
	border-left:	1px solid ThreeDLightShadow;
	border-right: 1px solid ThreeDDarkShadow;
	border-bottom: 1px solid ThreeDDarkShadow;
}

div#weightbalancecalculator
{
	width:	45em;
}

div#takeoffcalculator
{
	width:	32em;
}

/********************************************/
/* PRINT-ONLY RULES							*/
/********************************************/

@media print
{
	html
	{
		overflow: visible;
	}

	body
	{
		overflow: 	visible;
		height:		auto;
		background-image: none;
		background-color: white;
		color: black;
	}

	/********************************/
	/* Navigation bar				*/
	/********************************/

	div.nav
	{
		display: none;
	}

	div.collapsednav
	{
		display: none;
	}


	/*******************************/
	/* Content div				   */
	/*******************************/

	div.content
	{
		overflow:		visible;
		position:		relative;
		font-size:		10pt;
	    left:			0;
	    margin:			0;
	    padding:		0;
	    width:			auto;
	    height:			auto;
	    background-image: none;
	    background-color: transparent;
	    color:				#000000;
	}

	div.content p, div.content h2, div.content h3
	{
		margin-left:	0;
		margin-right:	1em;
	}

	/* No point having decorated links on the printed page - you
	   can't click on them! */
	div.content a		  {color:inherited; text-decoration: none;}
	div.content a:link	 {color:inherited; text-decoration: none;}
	div.content a:visited  {color:inherited; text-decoration: none;}
	div.content a:hover	{color:inherited; text-decoration: none;}
	div.content a:active   {color:inherited; text-decoration: none;}

	/* Hide the "go to top of page" links...*/
	div.content a.toplink
	{
		display:	none;
	}

	/* Hide the bottom nav links... */
	div#bottomnav
	{
		display:	none;
	}


	div.content acronym
	{
		font-style: normal;
		border-bottom: none;
	}

	.noprint
	{
		display: none;
	}

	/******************************/
	/* Image styles				  */
	/******************************/

	img.imageright
	{
		margin-right: 0px;
	}

	img.imageleft
	{
		margin-left: 0px;
	}


	/*********************************/
	/* Logbook frame				 */
	/*********************************/

	div#logbookcontainer
	{
		display: none;
	}


	img.imageright,
	img.imageleft,
	div.imagecenter
	{
		page-break-before:	auto;
	}
}