/*
//==============================================================================
// (¯`*•.¸(¯`*•.¸,¸¸,ø¤º° MagicWeb NZ º¤ø,¸¸,¸.•*´¯)¸.•*´¯)
//
//  Application: MyAeroClub
//
//  File   : ClubSpecific/CLIENT0001.css
//
//------------------------------------------------------------------------------
//  History:
//  Version     Date            By  Comment
//------------------------------------------------------------------------------
//  1.00        09 Aug 2012     JC  Initial version
//  9.52        19 Aug 2022     JC  Improved presentation
//  9.61        08 Jun 2023     JC  Added MyAlert and hide
//==============================================================================
*/

html{}

body {
  min-height: 100vh;
  margin: 0 auto;
  cursor: wait;
	background-color: #dddada;
	color:navy;
	font-size: 10pt;
	font-family:Verdana;
}

form {
  margin: 0 auto;
}

a:hover {
	font-weight:bold;
}

td, p, li, ul, div { /* removed span as it does not work with EditNice's WYSIWYG */
  font-size:10pt;
	font-family:Verdana;
}

div.content {
	padding: 10px 10px 10px 10px;
}

h1 {
	display:inline;
	color: Navy;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 16pt;
}

h2 {
	display:inline;
	color: #31417B;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12pt;
}

h3 {
	display:inline;
	color: Blue;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12pt;
}

h4 {
	display:inline;
	color: Red;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

h5 {
	display:inline;
	color: Green;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

h6 {
	display:inline;
	color: Orange;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

table.main {
	background-color:#FFFFFF;
}

td.Header a:visited , a:link {
	color:black;
	font-weight:normal;
	text-decoration:underline;
}

td.Header a:hover {
	color:black;
	font-weight:bold;
	text-decoration:none;
}

table.Footer {
	height:25px;
	background-color:#6189ce;
	color:white;
	font-weight:normal;
	font-size:20px;
}

td.Divider {
	height:125px;
	background-image: url(../Images/DividerTop.jpg);
	background-repeat: no-repeat;
}

table.ABC {
	background-repeat: repeat-y;
}

td.Content {
	background: white;
	background-repeat: no-repeat;
	background-color:white;
	color:black;
	font-weight:normal;
	font-size:12px;
  font-family: arial, helvetica, sans-serif;
	text-align:justify;
}

td.Content a:link {
	color:black;
	text-decoration:none;
}

td.Content a:hover {
	color:black;
	font-weight:bold;
	text-decoration:none;
}

td.ContentText {
/*
	background-color:white;
*/
	color:black;
	font-weight:normal;
	font-size:14px;
  font-family: arial, helvetica, sans-serif;
	padding: 20px;
	text-align:justify;
}

td.ContentText a:link {
	color:black;
	text-decoration:none;
}

td.ContentText a:visited {
	color:black;
	text-decoration:none;
}

td.ContentImages {
/*
	background-color:white;
*/
	color:black;
	font-weight:normal;
	font-size:12px;
  font-family: arial, helvetica, sans-serif;
}

table.MemList {
	background-color: #F5F5F5;
	color:Black;
}

td.MemList {
	color:black;
	font-weight:normal;
	font-size:11px;
	text-align:left;
}

td.MemListCenter {
	color:black;
	font-weight:normal;
	font-size:11px;
	text-align:center;
}

td.MemListRed {
	color:red;
	font-weight:normal;
	font-size:11px;
	text-align:center;
}

textarea {
	background-color:#FBFEBA;
	color:green;
	font-weight:normal;
	font-size:12px;
  font-family: arial, helvetica, sans-serif;
	padding: 10px;
}

.MenuCenter img{
	vertical-align:middle;
	margin-right:5px;
}

.MenuTop img{
	vertical-align:top;
	margin-right:5px;
}

.MenuBottom img{
	vertical-align:bottom;
	margin-right:5px;
}

td.MenuBG {
	background: linear-gradient(to right, silver, white);
	background-repeat: repeat-y;
}

td.MenuBG a:link {
	color:black;
	text-decoration:none;
	font-weight:bold;
}

td.Menu {
	color:black;
	text-decoration:none;
	font-weight:normal;
}

td.Menu a:link {
	color:black;
	text-decoration:none;
	font-weight:normal;
}

td.Menu a:hover {
	color:black;
	font-weight:bold;
	font-size:14px;
}

td.Menu a:visited {
	color:black;
	text-decoration:none;
	font-weight:bold;
}

td.menufiller {
	height: 6px;
	text-align: center;
}

.EventMessage
{
	background-color:blue;
  color:yellow;
	font-weight: bold;
  text-align: left;
}

.FlightDetailsText1
{
  color: black;
	background-color:#F3F3F3;
  font-family: Trebuchet MS, arial, helvetica, sans-serif;
}

.FlightDetailsText2
{
  color: black;
	background-color:#DFDFDF;
  font-family: Trebuchet MS, arial, helvetica, sans-serif;
}

.FlightDetailsHeaderFooter
{
  color: yellow;
	background-color:gray;
  font-family: Trebuchet MS, arial, helvetica, sans-serif;
}

.EventText1
{
  color: black;
	background-color:#FBFE80;
  font-family: Trebuchet MS, arial, helvetica, sans-serif;
  font-size: 8pt;
}

.EventText2
{
  color: black;
	background-color:white;
  font-family: Trebuchet MS, arial, helvetica, sans-serif;
  font-size: 8pt;
}

.EventText3
{
  color: navy;
	background-color:#CEFFCE;
  font-family: Trebuchet MS, arial, helvetica, sans-serif;
  font-size: 8pt;
}

.EventText4
{
  color: black;
	background-color:#D8E2F9;
  font-family: Trebuchet MS, arial, helvetica, sans-serif;
  font-size: 8pt;
}

.EventTextMaster
{
  color: red;
	background-color:white;
  font-family: Trebuchet MS, arial, helvetica, sans-serif;
  font-size: 7pt;
}

.EventText901
{
	background-color:#EBEBEB;
  color: navy;
	font-weight:bold;
  font-size: 8pt;
	font-family: Trebuchet MS, arial, helvetica, sans-serif;
}

.EventTextPayPal
{
	background-color:silver;
  color: navy;
	font-weight:bold;
  font-size: 8pt;
	font-family: Trebuchet MS, arial, helvetica, sans-serif;
}

table.FlightLogData
{
  color: blue;
	background-color:#CEFFCE;
}

tr.TableLineOdd
{
  color: black;
	background-color:white; /* lightgray-ish #DADADA */
  font-size: 9pt;
	height:25px;
}

tr.TableLineEven
{
  color: black;
	background-color:white;	/* gray-ish #EEEEEE */
  font-size: 9pt;
	height:25px;
}

tr.TableLineMonthOdd
{
  color: black;
	background-color:#F2F2F2;	/* light gray */
  font-size: 9pt;
	height:25px;
}

tr.TableLineMonthEven
{
  color: black;
	background-color:white;	/* gray-ish #EEEEEE */
  font-size: 9pt;
	height:25px;
}

td.BookingDayStamp
{
	background-color:#EEEEEE;
  color:black;
	font-weight: bold;
  text-align: center;
	vertical-align:top;
}

.BookingHeader
{
	background-color:blue;
  color:yellow;
	font-weight: bold;
  text-align: left;
	height:30px;
}

.BookingLeftSide
{
	background-color:#EBEBEB;
}

td.BookedBlock
{
	background-color:#DFDFDF;
	color: black;
	height:25px;
}

td.BookedBlockSelf
{
	background-color:#C0C0C0;
	color: black;
	height:25px;
}

td.BookedBlockExpired
{
	background-color:#F2EEEE;
	color: #4f4e4e;
}

tr.FlightEntry
{
  color: yellow;
	background-color:red;
	font-weight:bold;
}

.xstooltip 
{
	background-color: yellow;  
	color: navy;
  visibility: hidden; 
  position: absolute;
  top: 0;  
  left: 0; 
  z-index: 2; 
  font: normal 10pt arial; 
  padding: 10px; 
  border: solid 1px;
}

.MyToolTip
{
  position: relative;
  display: inline-block;
}

.MyToolTip .MyToolTipText
{
  visibility: hidden;
  width: var(--MyTooWidth, 200px);
  background-color: yellow;
  color: black;
  text-align: left;
  border: 1px solid black;
  border-radius: 6px;
  padding: 5px;

  /* Position the MyToolTip */
  position: absolute;
  z-index: 1;
  margin-left: 10px;
}

.MyToolTip:hover .MyToolTipText
{
  visibility: visible;
}

.SaveButton {
  background-color: silver;
  display: inline-block;
  -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
	padding: 0px 0px;
	vertical-align: bottom;
	border-radius: 3px;
}

.SaveBbuttonHover:hover {
  background-color: silver;
  color: black;
  border: 2px solid green;
	border-radius: 3px;
}


.buttonBlue {
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  cursor: pointer;
  color: blue;
	border-radius: 3px;
}

.buttonBlue:hover{
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: Blue;
  cursor: pointer;
  border-color:Blue;
	border-radius: 3px;
}

.buttonRed {
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  cursor: pointer;
  color: Red;
	border-radius: 3px;
}

.buttonRed:hover{
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: Red;
  cursor: pointer;
  border-color:red;
	border-radius: 3px;
}

.buttonGreen {
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  cursor: pointer;
  color: Green;
	border-radius: 3px;
}

.buttonGreen:hover{
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: Green;
  cursor: pointer;
  border-color:Green;
	border-radius: 3px;
}

.buttonBlueSMALL {
  font-family: arial, helvetica, sans-serif;
  font-size: 6pt;
  font-weight: bold;
  cursor: pointer;
  color: Blue;
	border-radius: 3px;
}

.buttonBlueSMALL:hover{
  font-family: arial, helvetica, sans-serif;
  font-size: 6pt;
  font-weight: bold;
  color: Blue;
  cursor: pointer;
  border-color:Black;
	border-radius: 3px;
}

.buttonRedSMALL {
  font-family: arial, helvetica, sans-serif;
  font-size: 6pt;
  font-weight: bold;
  cursor: pointer;
  color: Red;
	border-radius: 3px;
}

.buttonRedSMALL:hover{
  font-family: arial, helvetica, sans-serif;
  font-size: 6pt;
  font-weight: bold;
  color: Red;
  cursor: pointer;
  border-color:Black;
	border-radius: 3px;
}

.buttonGreenSMALL {
  font-family: arial, helvetica, sans-serif;
  font-size: 6pt;
  font-weight: bold;
  cursor: pointer;
  color: Green;
	border-radius: 3px;
}

.buttonGreenSMALL:hover{
  font-family: arial, helvetica, sans-serif;
  font-size: 6pt;
  font-weight: bold;
  color: Green;
  cursor: pointer;
  border-color:black;
	border-radius: 3px;
}


.buttonSearch {
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  cursor: pointer;
  color: Green;
	border-radius: 3px;
}

.buttonSearch:hover{
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: Red;
  cursor: pointer;
  border-color:red;
	border-radius: 3px;
}

.Selected1 { 
	background-color: #CAFFCA; /*	light-green */
	color: green; 
}

.Selected2 { 
	background-color: #FFC6C6; /*	pink */
	color: black; 
}

.Selected3 { 
	background-color: white;
	color: red; 
}

.SelectedGrey {
	background-color: white;
	color: grey;
}

.SelectedNot {
	background-color: white;
	color: black;
}

.SelectedNotGreen {
	background-color: #CAFFCA; /*	light-green */
	color: black;
}

table.Admin {
	color:Navy;
	background-color:#DBD6D6;
}

table.Confirmation {
	color:gray;
	background-color:#EAFFEA
}

tr.NeedData {
  font-weight: bold;
  color: Black;
	background-color:Red;
}

.FileSelect {
  color: Red;
	font-size: 8pt;
}

td.MailPreview {
	font-size: 10pt;
	font-family:Verdana;
}

table.FixedLocation{
	position: fixed;
}

.ShadowText {
  position: absolute;
  left: -2px;
  top: -2px;
  color: Blue;
}
.ShadowContainer {
  position: relative;
  left: 2px;
  top: 2px;
  color: #ccc;
  font-weight: bold;
}

#FLogAnchor{
	position: relative;
	padding-top:200px;
}



div.ImageDropShadow {
 float:left;
 background: url(../Images/ImageDropShadow.gif) no-repeat bottom right;
 margin: 10px 10px 10px 10px;
}
div.ImageDropShadow img {
  position: relative;
  display: block;
  margin: -3px 6px 6px -3px;
}

fieldset
{
  margin: 0px 20px 20px 20px;
  padding: 0 10px 10px;
  border: 1px solid #666;
  border-radius: 8px;
  box-shadow: 0 0 10px #b5b1b1;
  padding-top: 10px;
}


	#ImgToTop {
		width: 60px;
		height: 80px;
	  position: fixed;
	  bottom: 20px;
	  left: 60px;
	  z-index: 99;
	  border-radius: 15px;
		border: 0px;
	}

	#ImgToTop:hover {
		cursor: pointer;
	}


.MyAlert {
	 width: 100px;
	 height:  0px;
	 line-height: 0px;
	 background-color: yellow;
	 color: black;
	 text-align: center;
}

.hide {
	display: none;
}