//  =========== File:LTK/css/FormF.css      2019-02-19 ============
/*      Portions Based on Apple's examples "EdgeToEdge.css & "iSudoku.css "
        Portions Copyright (C) 2007 Apple Inc. All Rights Reserved.
*/


/* ================ stuff below from APPLE SAMPLE:EdgeToEdge.css ================*/

* {  font-family: 'Lucida Grande', Verdana, sans-serif; }

body {
	margin: 0;	padding: 0;
	-webkit-text-size-adjust:none;			/* Turn off font resizing */
    }

ul	{
	font-size:20px;             /* All text content is 20 pixels */
	font-family: Helvetica; font-weight:bold; color:black;
	width: 320px;  margin: 0; padding: 0;  	background-color: white;
    /* The list fills the whole iPhone screen,  320 pixels wide */
    }

li  {
	list-style-type: none;
	border-top-width:1px;                    /*	 Add a line at the top of every cell */
	border-top-color:rgb(217,217,217); 	border-top-style:solid;
	padding-top:2px;	padding-right:10px;	padding-bottom:22px;	padding-left:10px;
	
	height:29px;       /* The total cell height includes the padding-top, padding-bottom, border and height values: 10+14+1+19=44 pixels */
	line-height:22px;  /* Ensure that the height of the cell includes the line at the top of the cell  */
    }

li:first-child  {
	border-top:0;   /* Remove the line above the first item of the list */
    }

a { /* Handle the click/tap highlight.
	 * Fills the entire cell with the iPhone grey background when tapped */
	display: block;  /* Set the href to be a block rather than inline */
	text-decoration: none;	color: black;
	/* The padding properties adjust the text content within the href block */
	padding-top: 8px; padding-right: 8px;	padding-bottom: 12px;	padding-left: 8px;
	/* The margin properties adjust the size of the href block */
	margin-top: -8px;	margin-right: -8px;	margin-bottom: -12px;	margin-left: -8px;	  
    }

.secondary	{  /* Used for secondary text (text that is less important) */
	font-weight:normal;      /* Regular font is used for secondary text */
	float:right;	         /* Align secondary text to the right of its parent cell */
	margin-right:10px;	  
	line-height:20px;	  /* Vertically center text on the row */
    }

.secondaryWLink     {   /* Used for secondary text that is a link */
	font-weight:normal;		float:right;	margin-right:10px;	
	color: #324F85;		 /* sets the color of the link */
	line-height:20px;   /* Vertically center text on the row */
    }

.MissionSecondary	{  /* Used for second line in LTK 'Missions' screen list*/
	font-weight:normal;  /* Regular font is used for secondary text */
	float:left;	         /* Align secondary text to the right of its parent cell */
	margin-left:10px;	  
	line-height:20px;	  /* Vertically center text on the row */
    }
	
#button-bar {
    background-image: url(../images/button-bar.png);
    background-repeat: repeat-x;
    text-align: center;    width: 320px;    height: 43px;
    }

table {    border-spacing: 0px;    }

td {    padding: 0px;    border: 1px solid black;    }

div {
    -webkit-transition-property: top,left;
    -webkit-transition-duration: 0.3s;
	}

div.bar {  position:absolute; left:0px; height:43px; width:320px;  overflow:hidden; }
	  #TopBar { z-index:99 ;  top:0px;   background-image: url(../images/button-bar.png);
    	                background-repeat: repeat-x;  color: white; text-align:center; }
	  #MIBar { z-index:7 ; top:43px; height:450px; background:#CCFFFF; visibility:hidden; 
	  		color: #000066;  text-align:center; overflow:hidden; }

div.pane {  position:absolute; left:0px;  width:320px; height: 450px; background:#FFFFFF; 
  			visibility:hidden; overflow:visible; }
	  #G {     z-index:127; top:0px; height: 480px; background:#FFFFDD;   }  
      #K { z-index: 125; top:0px; height: 480px; background:aqua;  color:#33F;  visibility:hidden; }
	  #L {	   z-index:120;  top:43px;  color:white; text-align:left; visibility:hidden;
	  		background:#8080FF;  width:320px; height: 415px; border:10px; padding:10px; } 
/*	FUTURE  #V {     z-index:115; top:0px;  }  */
	  #Q { z-index:110; top:1px;  height: 500px; background:#4040FF; }									
	  #N { z-index:105; top:1px;  height: 500px; }	
	      
/* T-bar stacks here, at 99 */						
	  #F {     z-index: 90; top:44px;  height: 450px; }
	    #R {   z-index: 80; top:43px; }		/*Route, Date/Time, Pilot/LM, fuel, Remarks */
	       #O { z-index: 79; top:43px; }    /*OTHER Crew Members*/
	    #B {   z-index: 75; top:43px; }
	    #A {   z-index: 70; top:63px; } /*Aircraft; set to 82 on single-pane devices */
	    #M {   z-index: 60; top:43px; } /*Manifest Pane*/
	      #X { z-index: 53; top:43px; } /*Individual PAX item*/
	      #I { z-index: 50; top:43px; } /*Individual CARGO item*/
	      #J { z-index: 45; top:43px; background:#FFAAAA; } /*MilEquipCatalog*/
	    #P {   z-index: 40; top:43px; } /*Place Loads pane*/
	    #C {   z-index: 30; top:63px; } /*CG Limits*/
	    #W {   z-index: 20; top:63px; } /*Weight Limits*/
	    #S {   z-index: 10; top:63px; } /*Sign and Send*/
/* MIBar stacks here, at 7 */						
/* Z-bar stacks here, at 5 */		

/* Div.pane #Codes Reserved or Still Available */
/*	#D			*/	
/*	#E			*/		
/*	#H	HazMat		*/		
/*	#T	TieDown		*/		
/*	#U			*/		
/*	#V	Future ???	*/		
/*	#Y	Printing		*/		
/*	#Z	??Z-bar?		*/		

div.default-alert-button {
    color: white;    font-weight: bold;
    text-align: center;    padding: 10px 0px;    width: 125px;
    border: 1px solid black;    -webkit-border-radius: 5px;
    background-color: #576285;    opacity: 1.0;
    }

div.alert-button {
    color: white;    font-weight: bold;    text-align: center;
    padding: 10px 0px;    width: 125px;    border: 1px solid black;
    -webkit-border-radius: 5px;
    background-color: #37456c;    opacity: 1.0;
    }

div.menu-button {
    display: inline-block;
    color: white;    font-weight: bold;    font-size: 12px;    text-align: center;
    padding: 7px 0px;    width: 80px;    border: 1px solid black;
    -webkit-border-radius: 5px;
    background-color: #486a9a;
    opacity: 1.0;    margin: 6px;
    }

/* for LoadPlan pane (direct manipulation of items */

.cargoItem {
	display: block;	position: absolute;
	width: 34px;
	height: 63px;	/*standard pallet size*/	
	background-color: #FFDDAA;	border: 1px solid #000080;
	text-align:center; 	
	}

.cargoItemData {
	display: block;	position: absolute;
	left: 55px; width: 230px;	height: 68px;
	text-align: left; line-height: 13px; 
	padding-right: 5px;   padding-left: 5px;     /* Indent text on the button */
	background-color: #AAFFDD;	border: 0.5;
    z-index:4;
	}

.cargoItemTag {
	display: block;	position: absolute; border: 1px solid #888;  background-color: #FFC;
	height: 39px; line-height: 11px; text-align:right; left:3px; font-family: Helvetica;	
	}

.CGRange {
	display: block;	position: absolute;
	width: 60px;	height: 8px;
	background-color: #AAFFAA;	border: 1;
    z-index:2;
	}

.CGPoint {
	display: block;	position: absolute;
	width: 1px;	height: 55px;
	background-color: #00FF00;	border: 1;
    z-index:3;
	}

.cargoItemRotate {
	display: block;	position: absolute; border:3px solid #0000FF;  background-color: #CCCCFF;
	left:5px; 	top:25px; height: 39px; width: 39px; z-index:5;  visibility:hidden;
	 line-height: 42px; text-align:center;
	font-family: Helvetica; font-weight: bold;    font-size: 48px; 
	}

input.LTKbutton {
	display:block;	padding:0;	opacity: 1.0; 
	height: 24px;   line-height: 20px;    font-size: 16px;     /* control is 22 pixels high */
	font-weight: bold;	font-family:Helvetica;	 color: black;
	/*  text-shadow: #000 1px 1px 1px; */
    
	background-color:white; text-align:center;
	border: solid gray 2px;           /* Creates a rectangle around a text */
	-webkit-border-radius: 5px;      /* Rounds each corner of the created rectangle */
	
	margin-top:4px;  margin-left:5px; margin-right:5px; 
	/* float:right;                  /* Align button to the right */ 
    }

input.VRange {
	-webkit-appearance: slider-vertical;
	display:block;	padding:0;	opacity: 1.0; visibility:hidden; 
	position: absolute; left:288px; width:30px;
/*	top:65px;  height:630px;  /*Actually, gets set for each A/C types*/
	}

.BLButton {
		position:absolute; display: block; top:0px; left:1px; margin: 3px auto;
		/* -webkit-border-image divides the leftButton image into 2 corners and middle part.   */
		/* The left corner is 12 pixels wide; the right corner, 5. The middle part is 1 pixel. */
		-webkit-border-image: url(../images/backbutton.png) 0 5 0 12;	
		  		border-width: 0px 5px 0px 12px;	
		/* The Button's text... */
	 	color: #fff; font-size: 14px; font-weight: bold; font-family: Helvetica, sans-serif;
		text-decoration: none;	text-align: left; line-height: 20px;
		 text-shadow: #000 0px 1px 1px; /* 1 pixel blur black shadow below the text   */
	}

/* built by http://cssgradientbutton.com */
.PINkey{
	border:2px solid #b7b7b7;-webkit-box-shadow: #B4B5B5 2px 2px 2px  ;-moz-box-shadow: #B4B5B5 2px 2px 2px ; box-shadow: #B4B5B5 2px 2px 2px  ; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:24px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #d3d3d3;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #707070));
	background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
    background-image: linear-gradient(top, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
}