@charset "UTF-8";

	#notMap{
		float: right;	
		max-width: 100%;
	}
	
	#notMapTable{
		max-width: 100%;
	}

	#mapHolder{
		width: 54%;
	}
	
	#innerHolder {
		display: inline-block;
		position: relative;
		width: 100%;
		padding-bottom: 113%;
		vertical-align: middle;
		overflow: hidden;
	}
	
	#innerHolder svg{
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;	
	}

	#formVarDiv{
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		text-align: center;
		width: 365px;
		max-width: 100%;
	}
	
	#formVarDiv{
		display: block;
	}
	
	#variable{
		width: 100% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#formVarDiv #colScheme, #formVarDiv #tableOrder{
		width: 49.8%	
	}
	
	#formVarDiv #colScheme{
		float: left;
	}
	
	#formVarDiv #tableOrder{
		float: right;
	}

	
	#key{
		width: 100%;
	}
	
	#axis path, #axis line{
		fill: none;
		stroke: rgb(127,127,127);
	}
		
	#adminHolder{
		margin-left: auto;
		width: 295px;
		margin-right:auto;
		margin-bottom: 10px;
		max-width: 100%;	
	}

	#adminTabHeadDiv{
		margin-left: auto;
		margin-right:auto;
	}
	
	
	#adminTabHead, #adminTable{
		width: 275px;
		max-width: 100%;
	}
	
	#adminTabHead{
		margin-bottom: 2px;
		font-size: 12px;
		font-size: 0.75rem;
	}

	#adminTableDiv{
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		overflow-y: auto;
		height: 485px;
		border: 1px solid #EEEEEE;
		cursor: pointer;
		position: relative;
		margin-bottom: 5px;
	}
	
	#adminTable{
		margin-top: 1px;
		padding-right: 0px;
		padding-left: 0px;
		font-size: 12px;
		font-size: 0.75rem;
	}
		
	table .admin{
		width: 200px;
	}

	table .val{
		width: 55px;
		text-align:center;
	}
	
	tr.picked{
		font-weight: bold;
		color: white;
		background-color: #000000;
	}
	
	.bGap{
		margin-bottom: 20px;	
	}
	
	.tGap{
		margin-top: 20px;
	}
	
	@media all and (max-width: 959px){
		#mapHolder{
				width: 50%;
		}
		
		#adminTableDiv{
			height: 350px;		
		}
	}
	
	@media all and (max-width: 849px){
	
		#adminTableDiv{
			height: 150px;		
		}
		
		#notMap, #mapHolder{
			float: none;
		}
		
		#notMap{
			margin-bottom: 10px;	
		}
		
		#mapHolder{
			width: 65%;
			min-width: 365px;
			margin-left: auto;
			margin-right: auto;	
		}
		
		
	}
	
	@media all and (max-width: 424px){	
		
		#mapHolder{
			width: 100%;
			min-width: 100%;	
		}
		
		#formVarDiv #colScheme, #formVarDiv #tableOrder{
			float: none;
			width: 100%;
		}
		
	}