/*@viewport {
  orientation: landscape;
}*/
/*@media screen and (min-width: 1480px) {
    body {
        background-color: lightgreen;
		font-size: 200%;
    }
}*/
/*@media screen and (min-width: 1480px) {
    @viewport {
		orientation: landscape;
	}
}*/


body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	}
h3{
    color: blue;
	top: -20px;
	padding:0px 0px 0px 10px;
}
#files{
	visibility:visible;
	}
	
#files2{
	visibility:hidden;
	}
	
#cellC0{
	text-align: right;
	}
#map {
	height: 100%; 
	float:left; 
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	border: 0px solid #c0c9fa;
	border-top: none;
	border-bottom: none;
	
} 
#sidebarMap{
	position:absolute;
	height: auto;
	max-height: 98%;
	width: auto;
	z-index:1000000;
	top:6px;
	left:6px;
	padding:10px 10px 10px 10px;
	border: 2px solid #c0c9fa;
	border-radius: 5px;
	float:left;					
	background:rgba(235, 235, 235, .84);		
 }
 #sidebarHeader{
	width: auto;
	height: auto;
	top:0px;
	left:6px;
	padding:0px 0px 15px 0px;
	float:left;					
 }
 #tableHeader{
	padding-top: -5px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 40px;		
 }
 
 #sidebarTable{
	position:absolute;
 	left: 0px;
	width: 100%;
	height: auto;
	overflow-y: auto;						
 }
 
 #sidebarFooter{
 	height: auto;
	position:absolute;
	left: 4px;
	right: 3px;
	 bottom: 0px;						
 }
 #rightBtn{
	float: right;  
}
#centerBtn{
text-align:center;
 bottom: 0px;
}

 #fileLoad{
	position:absolute;
	width: auto;
	z-index:1000000;
	top:6px;
	left:6px;
	padding:10px 10px 10px 10px;
	border:1px;
	border-color: #c0c9fa;
	border-style: solid;
	border-radius: 5px;
	float:left;
	font-weight: bold; 
	background:rgba(235, 235, 235, .84);
 }/* CSS Document */

.button {
  display: inline-block;
  padding: 1px 3px;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #040500;
  background-color: #CFF1F8;
  border: 2px solid #008CBA;
  border-radius: 6px;
  box-shadow: 0 5px #999;
}

.button:hover {background-color: #8DA4FA}

.button:active {
  background-color: #8DA4FA;
  box-shadow: 0 2px #666;
  transform: translateY(4px);
}
.smallButton {
  display: inline-block;
  padding: 1px 1px;
  font-size: 7px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #040500;
  background-color: #CFF1F8;
  border: 1px solid #008CBA;
  border-radius: 4px;
  box-shadow: 0 2px #999;
}

.smallButton:hover {background-color: #8DA4FA}

.smallButton:active {
  background-color: #8DA4FA;
  box-shadow: 0 1px #666;
  transform: translateY(2px);
}
.fileButton {
  display: inline-block;
  padding: 1px 3px;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #040500;
  background-color: #CFF1F8;
  border: 2px solid #008CBA;
  border-radius: 6px;
  box-shadow: 0 5px #999;
}

.fileButton:hover {background-color: #8DA4FA}

.fileButton:active {
  background-color: #8DA4FA;
  box-shadow: 0 2px #666;
  transform: translateY(4px);
}
.smallFileButton {
  display: inline-block;
  padding: 1px 1px;
  font-size: 7px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #040500;
  background-color: #CFF1F8;
  border: 1px solid #008CBA;
  border-radius: 4px;
  box-shadow: 0 2px #999;
}

.smallFileButton:hover {background-color: #8DA4FA}

.smallFileButton:active {
  background-color: #8DA4FA;
  box-shadow: 0 1px #666;
  transform: translateY(2px);
}
#rightBtn{
	float: right;  
}
#taskSidebar{
	visibility:hidden;
	position:absolute;
	height: 45px;
	width: 210px;
	z-index:1000000;
	top:76px;
	right:6px;
	max-height: 98%;
	padding:10px 10px 10px 10px;
	border: 2px solid #c0c9fa;
	border-radius: 5px;
	background:rgba(235, 235, 235, .84);	
 }
 #taskSidebarHeader{
 padding:0px 0px 5px 0px;
 }
 #taskSidebarTable{
 
	position:absolute;
 	left: 0px;
	width: 100%;
	height: auto;
	overflow-y: auto;					
 }
#taskSidebarFooter{
 	height: auto;
	position:absolute;
	left: 10px;
	right: 10px;
	 bottom: 6px;	 	/*form at the bottom of the footer gives bug margin hence -6*/	
 }
 #taskSetPayne{	
 	visibility:hidden;
	position:absolute;
	width: auto;
	z-index:1000000;
	top:10%;
	right:33%;
	max-height: 98%;
	padding:10px 10px 10px 10px;
	border-style:solid;
	border-width:3px;
	border-radius: 5px;
	border-color: red;
	background:rgba(235, 235, 235, 1);		
 } 
#taskBarBtn{
	visibility:hidden;
}
#taskSetSidebar{
	visibility:visible;
	position:absolute;
	width: auto;
	z-index:1000000;
	top:6px;
	left:6px;
	/*max-height: 98%;*/
	padding:10px 10px 10px 10px;
	border-style:solid;
	border-width:2px;
	border-radius: 5px;
	border-color: #666666;
	background:rgba(235, 235, 235, .84);	
 }
 #placeHolder{
	visibility:hidden;
	position:absolute;
	width: 200px;
	z-index:999999;
	top:6px;
	left:6px;
	padding:10px 10px 0px 10px;
	border-style:solid;
	border-width:3px;
	border-radius: 5px;
	border-color: #666666;
	background:rgba(235, 235, 235, .84);	
 }
 #taskSetSidebarHeader{
 width: auto;
 padding:0px 0px 5px 0px;
 }
 #taskSetSidebarHeader td:nth-child(2)  {white-space: nowrap;}	/* no line breaks in table cell 1 and 2*/
 #taskSetSidebarHeader td:nth-child(1)  {white-space: nowrap;}
 
 #taskSetSidebarTable{
	position:absolute;
	
	height: auto;
	overflow-y: auto;
	padding:0px 0px 0px 0px;						
 }
 #taskSetSidebarTable td:nth-child(2)  {white-space: nowrap;}	/* no line breaks in table cell 1 and 2*/
 #taskSetSidebarTable td:nth-child(1)  {white-space: nowrap;}
 
 
 #fileUpload{
	height: auto;
	position:absolute;
	padding:5px 0px 10px 0px;
 }
 
#taskSetSidebarFooter{
 	height: auto;
	position:absolute;
	left: 10px;
	right: 10px;
	 bottom: 12px;	 	/*form at the bottom of the footer gives bug margin hence -6*/	
 }
 #post-shortlink{
 position:absolute;
top: -1500px;
 }
 #setby{
 	display: inline-block; 
	white-space: nowrap;
 }
 #resultSideBar{
 	visibility:hidden;
	line-height: 150%;
	position:absolute;
	height: auto;
	max-height: 98%;
	width: auto;
	z-index:1000000;
	top:6px;
	left:6px;
	padding:10px 10px 10px 10px;
	border:3px;
	border-color: #666666;
	border-style: solid;
	border-radius: 16px;
	float:left;					
	background:rgba(235, 235, 235, .84);		
 }
 #resultSidebarHeader{
	width: auto;
	height: auto;
	top:0px;
	left:6px;
	padding:0px 0px 15px 0px;
	float:left;					
 }
 #resultTable{
 }
 #allResults{
 	display: none;
 }
 #resultResults{
 	display: none;
 }
 #spaceResults{
 	display: none;
 }
 #taskLength{
 display: none;
	height: auto;
	position:absolute;
	padding:5px 0px 50px 0px;
 }
 .style1 {font-size: 70%}
 .style3 {font-size: 60%}
 .style33 {font-size: 80%}
  #instructionBox{
	visibility:visible;
	position:absolute;
	width: 50%;
	z-index:1000001;
	top:15%;
	left:25%;
	padding:0px 30px 40px 30px;
	border-style:solid;
	border-width:3px;
	border-radius: 5px;
	border-color: #666666;
	background:rgba(235, 235, 235, .84);	
 }
 #closeBtn{
 z-index:1000000;
 position:relative;
 top:-27px;
 right:-17px;
 float:right;
 background:#FFFFFF;
 }
 p2{
 visibility: hidden;
 display:none;
 }
 #clubsSidebar{
	float:left;
	height: auto;
	width: 120px;
	position:relative;
	top:130px;
	left:2px;
	right:0px;
	max-height: 98%;
	padding:20px 10px 10px 10px;
	border-style:solid;
	border-width:3px;
	border-radius: 5px;
	border-color: #666666;
	background:rgba(235, 235, 235, .84);	
 }
 #clubsSidebar2{
	float:left;
	height: auto;
	width: auto;
	position:relative;
	top:10px;
	left:2px;
	right:0px;
	max-height: 98%;
	padding:20px 10px 10px 10px;
	border-style:solid;
	border-width:3px;
	border-radius: 5px;
	border-color: #666666;
	background:rgba(235, 235, 235, .84);
	}	
 #splash{
	visibility:visible;
	position:absolute;
	width: 75%;
	z-index:1000001;
	top:5%;
	left:10%;
	padding:0px 30px 40px 30px;
	border-style:solid;
	border-width:3px;
	border-radius: 5px;
	border-color: #666666;
	background:rgba(254, 224, 231, .90);	
}
 #header{
 	float:left;
	height:100px;
	left: 10px;
	width: 95%;
	position:absolute;
	top:5px;
	right:6px;
	padding:10px 10px 10px 50px;
	border-style:solid;
	border-width:3px;
	border-radius: 5px;
	border-color: #666666;
	background:rgba(235, 235, 235, .84);	
 	color: #000099;
 }
  #tasks{
	float:left;
	height:auto;
	left: 11px;
	width: auto;
	position:relative;
	top:130px;
	right:6px;
	padding:10px 10px 10px 10px;
	border-style:solid;
	border-width:3px;
	border-radius: 5px;
	border-color: #666666;
	background:rgba(235, 235, 235, .84);
		
 }

 .style7 {color: #000099;
	}
	.style8 {
	font-size: 130%;
	color: ##0000FF;
	}
	.style9 {font-size: 70%}
#closeWindow{
	left: 30px;
	position:relative;
 }
 #subHeader{
	left: 130px;
	position:relative;
 }
tr:hover{background-color:#f5f5f5}
.gtext{
    color: black;
	font-weight: bold;
    font-size: 115%;
	margin-top: 25px;
}
.ftext{
    font-size: 90%;
}
.ttext{
    font-size: 105%;
}
.idtext{
    font-size: 80%;
}
.ftext{
    color: black;
    font-size: 95%;
	font-weight: bold;
}
.htext{
    color: black;
	font-weight: bold;
    font-size: 120%;
}
.htextContainer{
	margin-left: 7%;
}
.noResult{
    color: grey;
    font-size: 90%;
	white-space: nowrap;
}
.nctTask{
    color: #660066;
	font-weight: bold;
    font-size: 66%;
	vertical-align: text-top;
}
#ls-footer{width:90%;}
#left{float:left;width:75px;}
#right{float:right;width:75px;}
#center{margin:0 auto;width:75px;}

#index-footer{width:80%;}
#left{float:left;width:75px;}
#right{float:right;width:75px;}
#center{margin:0 auto;width:75px;}

#grid-footer{width:80%;}
#left{float:left;width:75px;}
#right{float:right;width:75px;}
#center{margin:0 auto;width:75px;}
.left25{margin-left: 25px;} 

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: grey;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}
.xcmap140{
	font-size: 140%;
	font-style: italic;
	font-weight: bold;
	position: relative;
	left: 0px;
	top: -5px;
 }
 .xcmapIt{
	font-style: italic;	
	padding-right: 12px;
	white-space: nowrap;
 }
 #fltAnlHide{
 	display: none;
 }
  #sidebarHide{
	display: none;
	
 }
 #sidebarHide.spacer{
	display: none;
	
 }
  #sidebarShow{
	display: inline-block;
 }
#pilotList{
	visibility:visible;
	position:absolute;
	width: auto;
	z-index:1;
	top:6px;
	left:20px;
	padding:10px 10px 10px 10px;
	border-style:solid;
	border-width:3px;
	border-radius: 5px;
	border-color: #666666;
	background:rgba(235, 235, 235, .84);	
 }
 #clubSelect{
	visibility:none;
	position:absolute;
	width: auto;
	z-index:1000000;
	top:50px;
	left:100px;
	padding:10px 10px 10px 10px;
	border-style:solid;
	border-width:3px;
	border-radius: 5px;
	border-color: #666666;
	background:rgba(235, 235, 235, .84);	
 }