/* =============================================================================================
 * Steve's test Google map
 * 
 * Author: s.clark
 * Copyright: (c) 2013 by S.Clark
 * Created: Sept 2013
 * Tested on: FireFox browser
 */

/* top level Div */
.infoPanel1{ 
	padding-left: 3px;
	background: white;
	height: calc(100% - 80px);
	font-family: Arial;
	font-size: 11pt;
	overflow-y: auto;
}

/* paragraph spacing in Info Panel */
.infoPanelPara1{
	margin-top: 7px; 
	margin-bottom: 2px;	
}


/* paragraph spacing in Info Panel */
.infoPanelPara2{
	margin-top: 7px; 
	margin-bottom: 2px;
}

/* help text in Info Panel */
.infoPanelHelpTxt{
	color: blue; 
	font-size: small; 
	margin-top: -7px; 
	margin-bottom: 5px;
}

/* HR in Info Panel */
.infoPanelHR{
	border: 2px solid black; 
	margin-top: 8px; 
	margin-bottom: 0px;
	margin-right: 5px;
}

/* top level Div */
.listPanel1{
	display: none; 
	width: 100%; 
	height: calc(100% - 80px);
	overflow: auto; 
	background: white;
}


/* top leve Div */
.emscPanel1{
	display: none;
	width: 100%; 
	height: 65%;  
	background: white; 
	font-size: 1.2em;
}


/* Button Div of EMSC Panel */
.emscPanel2{
	background: #B5B5B5; 
	width: 100%; 
	font-size: 0.9em; 
	padding-top: 5px; 
	padding-bottom: 5px;
}

/* Div for Textarea (paste area) */
.emscPanelTextareaDiv{
	width: 100%; 
	height: 40%; 
	background: #B5B5B5;
}


/* TextArea for EMSC Panel */
.emscTextArea{
	height: 100%; 
	width: 99%; 
	resize: none; 
	font-size: 0.7em; 
	background: white;
}

/* top level Div */

.HelpPanel1{
	display: none; 
	width: 100%; 
	height: calc(100% - 80px);
	background: white; 
	font-size: 1.2em;
	overflow: auto;
}
/* top level Div */
/*
.helpPanel1{
	display: none;	
	width: 100%; 
	height: calc(100% - 80px);
	background: white; 
	font-size: 1.0em; 
	font-family: Arial; 
	overflow: auto; 
	padding-left: 5px;
	padding-top: 5px;
}/*

/*  */
.searchDiv{
	font-family: Arial;
	width: 100%; 
	height: calc(100% - 80px);
	background: white;	
	overflow: scroll;
	font-size: 11pt;
}

/* Paragraph item 1 */
.searchPara1{	 
	font-size: 1.0em; 
	font-family: Arial; 
	margin-left: 5px; 
	margin-right: 5px;
}

/* Textarea  */
.searchYrBox{
	height: 20px; 
	border: 1px solid black; 
	resize: none;
	padding-left: 4px;
	padding-top: 4px;
	font-size: 10pt;
	vertical-align: middle;
}


/* HR */
.searchHR{
	border: 1px solid #A52A2A;
	margin-top: 8px; 
	margin-bottom: 0px;
	margin-right: 5px;
	margin-left: 5px;
}

/* HR in the Info Panel */
.HelpHR1{
	border: 1px solid blue; 
	margin-right: 5px; 
	margin-left: 0px; 
	margin-bottom: 7px;
}


/* Ordered List item1 */
.HelpOL1{
	list-style: square; 
	list-style-position: inside; 
	margin-left: 10px; 
	margin-bottom: 5px;
}

/* Ordered List item2 */
.HelpOL2{
	list-style: square; 
	list-style-position: inside; 
	margin-left: 25px; 
	margin-bottom: 8px;
}


/* Ordered List item3 */
.HelpOL3{
	list-style: square; 
	list-style-position: inside; 
	margin-left: 10px; 
	margin-bottom: 8px;
}


/* Ordered List type 2-a */
.HelpOL_2a{
	list-style: disc; 
	list-style-position: inside; 
	margin-left: 5px; 
	margin-bottom: 15px;
}


/* Ordered List type 3-a */
.HelpOL_3a{
	list-style: decimal; 
	list-style-position: outside; 
	margin-bottom: 15px; 
	margin-left: 40px;
}


/* Image centering */
.HelpImgCenter{
	display: block;
	margin-left: auto;
    margin-right: auto;
}


/* TextArea for csv Panel */
.csvTextArea{
	height: 70%; 
	width: 95%; 
	resize: none; 
	font-size: 0.8em; 
	background: white;
}


/* Buttons along the top */
#Help1, #Help2, #ReloadBut1, #HideBut0 {
	font-size: 1.1em; 
	margin-top: 10px;
}

#HideBut0 {
	font-weight: bold;
}

#Help1, #ReloadBut1, #HideBut0 {
	margin-left: 15px;
}

/* Radio Buttons */
#form1 {
	color: white; 
	font-weight: bold; 
	font-size: 10pt; 
	margin-bottom: 13px; 
	padding-top: 10px; 
	margin-top: 0px;
	line-height: 10px;
}
#rBut2, #rBut3, #rBut4, #rBut5, #rBut6 {
	margin-left: 5px;
}
#frmSpan {display: none;}
#frmSpan2 {visibility: hidden;}



#if1 {
	width: 100%; height: calc(100% - 80px);
}

@media screen and (max-width: 980px){
	#Help1, #Help2, #ReloadBut1, #HideBut0 {
		font-size: 2.0em; 
		margin-top: 20px;
	}	
	
	#HideBut0 {margin-left: 5px; }
	
	#form1 {font-size: 14pt; padding-top: 15px; }
	
	#rBut2, #rBut3 {margin-left: 30px; }
	#frmSpan {display: block;}
	#frmSpan2 {visibility: visible;}
	#rBut5, #rBut6 {margin-left: 30px; }
	#rBut4, #rBut5, #rBut6, #frmSpan {line-height: 10px;}
	#rBut4 {margin-left:  5px;}
	
	#if1, .infoPanel1, .listPanel1, .searchDiv, .helpPanel1 {height: calc(100% - 140px); }
	
}