*{
	margin: 0;
	padding: 0%;
	box-sizing: border-box;
}


a:link {color:blue; }

a:hover {color:#FF0000; }

input.btns {

	font-size:100%;
	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
	margin:2px 2px 2px 20px;

}

ul {
		padding: 5px 40px 5px 40px;
	
}

.calcArea{
	
	padding: 5px 15px 5px 15px;
	
}

input.normal {
	
	font-size:100%;
	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
	margin:2px 2px 2px 20px;
	width:21%;

	padding:4px;   /* Added 10-1-2019  */
	background-color:yellow;   /* Added 10-1-2019  */
}

 .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}


.yellow {   /* Added 10-1-2019  */
	width:auto;
	padding:4px; 
	background-color:yellow;

}

	.lornmac{
		font-size:170%;
	}
	
.lornmac a {
	text-decoration: none;
	color:black;
	font-family: Times, Times New Roman, Georgia, Serif;
}
.niceBorder{
		background-color:#edeeef;
		border-width:thin;
        border-style:solid;
		border-color:blue;
		padding:10px 20px 10px 20px;
	    border-top-left-radius:20px;
        border-top-right-radius:20px;
        border-bottom-left-radius:20px;
        border-bottom-right-radius:20px;
		margin-bottom:1%;
        margin-top:1%;
		margin-left:1%;
		margin-right:1%;
		}

select {
	font-size:100%;
	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
	margin:2px 2px 2px 20px;
	width:21%;
	
	padding:4px;   /* Added 10-1-2019  */
	background-color:yellow;   /* Added 10-1-2019  */
}

		 body {
		background-color: LightGray;
		font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
}
	
hr {


    margin-left: 0px;
    margin-right: 0px;
    border-style: inset;
    border-width: 1px;
}

 h1 {
    	color: #000000;
    	font-family: Times, Times New Roman, Georgia, Serif;
		padding: 10px 0px 10px 0px;
        text-align: center;
		font-size: 120%;
}

h2 {

		color: #000000;
    	font-family: Times, Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
        text-align: center;
		margin-bottom:10px;
		font-size: 125%;
}
h3 {
    	color: #2C2C2C;
    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
        text-align: left;
        border-bottom: 1px solid #434343; 
}

h4 {	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
	text-align: center;
	font-size: 75%;
}



p {
    	color: black;
    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
    	font-size: 100%;
	    border: none;
	    padding: 10px;
        line-height: 1.6;
}



p.note {
	font-size:75%;
	
	
}

p.dislaimer {
	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
	text-align: center;
	font-size: 75%;
	
	
}

p.biggerSpace {
    line-height: 150%;
}

.noMargin {
	
	margin:0px;
	padding:0px;
}

strong { 
    font-weight: bold;
}

sup {
    vertical-align: super;
    font-size: smaller;
}
sub {
	vertical-align: sub;
    font-size: smaller;
	
}

pre {  
        color: darkred;
    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
    	font-size: 100%;
	    border: 1px solid powderblue;
	    padding: 10px;
}

q {     
        color: black;
    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
    	font-size: 100%;
	    border: none;

}
em{
	color:black;
}

em.blue {
	color:blue;
}

table, th,  td {
        color: black;
    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
		text-align: center;
	
}
 
/*Outer edge of the table*/
table.csheet {
	    color: black;
    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
    	border: 1px solid black;
		border-collapse: collapse;
		text-align: center;
		width:98%;
	 
 }
 /*Table Header Borders*/
th.csheet{
	    color: black;
    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
    	border: 1px solid black;
		border-collapse: collapse;
		text-align: center;
		padding:5px;
 }
 th.csheetLeft{
	    color: black;
    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
    	border: 1px solid black;
		border-collapse: collapse;
		text-align: left;
		padding:5px;
 }
tr.csheet{
	    color: black;
    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
    	border: 1px solid black;
		border-collapse: collapse;
		text-align: center;

	
		
 }
td.csheet{
	    color: black;
    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
    	border: 1px solid black;
		border-collapse: collapse;
		text-align: center;
		padding:5px;	
		width:10%
 }
td.csheetLeft{
	    color: black;
    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
    	border: 1px solid black;
		border-collapse: collapse;
		text-align: left;
		padding:5px;
		width:15%
 }
td.blue {
	background-color:#b3c6ff;
	
}
 
table#t01 tr:nth-child(even) {background-color: #f2f4f7;}

table#t02{
	
	margin-left:auto; 
    margin-right:auto;
}
table#t01{
	
	margin-left:auto; 
    margin-right:auto;
}



#index1 {
         border-width:medium;
         border-style:solid;
         border-color:blue;
		font-size: 100%;
         
         padding:5px 10px 5px 10px;
         text-align:center;
         border-top-left-radius:10px;
         border-top-right-radius:10px;
         border-bottom-left-radius:10px;
         border-bottom-right-radius:10px;
}
  
#area1 {
        background-color:#FFE2C5;
        font-size: small;/*All other fonts inherit this size. I could use "14px" too.*/
        margin-top:5%;
      
        margin-left: 20%;
		margin-right: 20%;
        border-width: medium;
        border-style:solid;
        border-color:blue;
    
        border-top-left-radius:0px;
        border-top-right-radius:20px;
        border-bottom-left-radius:20px;
        border-bottom-right-radius:0px;
        line-height: 1.2em; /*Space between the lines!*/
		padding: 15px 15px 15px 15px;
		font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
        box-shadow: 10px 10px 5px #888888;      
}
   
#area2 {
         border-width:medium;
         border-style:solid;
         border-color:blue;
         height:400px;
         width:200px;
         padding:5px 10px 10px 10px;
         text-align:left;
         border-top-left-radius:20px;
         border-top-right-radius:20px;
         border-bottom-left-radius:20px;
         border-bottom-right-radius:20px;
         margin-right:5px;
}
   
#area3 {
         border-width:medium;
         border-style:solid;
         border-color:blue;
         height:400px;   
         width:auto;                  
         padding:5px 10px 10px 10px;
         border-top-left-radius:20px;
         border-top-right-radius:20px;
         border-bottom-left-radius:20px;
         border-bottom-right-radius:20px;
         text-align:left;
         margin-left:5px;
}
/*
#minimumConductor1, #minimumConductor2, #minimumConductor3, #minimumConductor4, #minimumConductor5, #minimumConductor6, #minimumConductorSmWire, #warn{

		padding:0px 20px 1px 20px;

		background-color:#edeeef;
		border-width:thin;
        border-style:solid;
		border-color:blue;
		padding:10px 20px 10px 20px;
	    border-top-left-radius:20px;
        border-top-right-radius:20px;
        border-bottom-left-radius:20px;
        border-bottom-right-radius:20px;
		margin-bottom:1%;
        margin-top:1%;
		margin-left:1%;
		margin-right:1%;



}
*/
	
#cmFromVD, #voltageDrop1, #minimumConductor {
		background-color:#edeeef;
		border-width:thin;
        border-style:solid;
		border-color:blue;
		padding:10px 20px 10px 20px;
	    border-top-left-radius:20px;
        border-top-right-radius:20px;
        border-bottom-left-radius:20px;
        border-bottom-right-radius:20px;
		margin-bottom:1%;
        margin-top:1%;
		margin-left:1%;
		margin-right:1%;
}

		 body {
		background-color: LightGray;
		font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
}

footer {
         
         height:auto;   
         width:auto;                  
         padding:5px 5px 5px 5px;
		font-size: 75%;
         text-align:center;
         font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
         margin-bottom:1%;
         margin-top:1%;
        
 }  


/*Leave this at the bottom, or it won't work!*/



@media screen {

	
	.dontShowThis {display:none}
 
  }
  
	.myNav {
		background-color: LightGray;
		width: 100%;
		padding: 8px 0px 8px 0px;
		text-align: center;
		margin-right: auto; margin-left: auto;
		border-bottom: 1px solid #E8E8E8;
			
			  position: -webkit-sticky; /*Makes the buttons stay on top */
			  position: sticky; /*Makes the buttons stay on top */
			  top: 0; /*Makes the buttons stay on top */
		
				}
/* This is for the buttons */
    .styled1 {
		width:25%;
		height:30px;
		border-radius: 30px 5px 30px 5px;
		border-color:orchid;
		padding: 5 px;
		margin:4px 0px 4px 0px;
		font-size:75%;
		background-color: yellow;	
		font-weight: bold;
		outline: none;
		border-width:medium;
		border-style:solid;
		color: black;
		text-align: center;	
		display: inline-block;
	}
		    .styled3 {
		width:25%;
		height:30px;
		border-radius: 30px 5px 30px 5px;
		border-color:green;
		padding: 5 px;
		margin:4px 0px 4px 0px;
		font-size:75%;
		background-color: #ff3333;	
		font-weight: bold;
		outline: none;
		border-width:medium;
		border-style:solid;
		color: black;
		text-align: center;	
		display: inline-block;
			}
		    .styled2 {
		width:25%;
		height:30px;
		border-radius: 30px 5px 30px 5px;
		border-color:blue;
		padding: 5 px;
		margin:4px 0px 4px 0px;
		font-size:75%;
		background-color: Orange;	
		font-weight: bold;
		outline: none;
		border-width:medium;
		border-style:solid;
		color: black;
		text-align: center;	
		display: inline-block;
			}
		
		    .styled {
				width:25%;
		height:30px;
		border-radius: 20px 20px 20px 20px;
		border-color:blue;
		padding: 3px;
		margin:4px 0px 4px 0px;
		font-size:75%;
		background-color: #e0e0e0;	
		font-weight: normal;
		outline: none;
		border-width:thin;
		border-style:solid;
		color: black;
		text-align: center;	
		display: inline-block;
			}
		
			.styled:hover {
    border-color: Orange;
	border-width:medium;
	color: White;
	font-weight: bold;
	background-color:grey
}		
		.styled1:hover {
    border-color: yellow;
	border-width:medium;
	color: black;
	font-weight: normal;
	background-color:orchid;
}	
		
			.styled3:hover {
    border-color:#ff3333;
	border-width:medium;
	color: white;
	font-weight: normal;
	background-color:green;
}


	.styled2:hover {
    border-color:orange;
	border-width:medium;
	color: white;
	font-weight: normal;
	background-color:blue;
}
  
/*Mobile Styles*/
@media only screen and (max-width: 400px) {
	.myHeader {min-height: fit-content;}


 .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  margin: 8px 0px 0px 0px;
  
}


 
  }


}

/*Tablet Styles*/
@media only screen and (min-width: 401px) and (max-width: 960px) {


	

 .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}



}

/*Desktop Styles*/
@media only screen and (min-width: 961px) {



 .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 25%;
}

p {	padding: 20px 30px 10px 10px;
}	


	.mobileDontShowThis {display:none}


 
		}
  
 @media print {
	 
	.myPageBreaker {page-break-before: always;} 
    p.pageBreak {page-break-before: always;}
	
	h1 {margin-bottom:40px;
		text-align: center;}
	
	.noPrint { display: none;}
	
	footer {
		padding:0px;
		margin:0px;	
		text-align: left;}
		
	a:link {color:#000000; text-decoration: none;}
	a:visited {color:#000000; text-decoration: none;}
	a:hover  {color:#000000; text-decoration: none;}
	
	body {

		margin-left: 1%;
		margin-right:1%;
        border-style:none;
		padding: 5px;
		font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

}
	
}