


input.btns {

	font-size:100%;
	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
	margin:2px 2px 2px 20px;

}
input.normal {
	
	font-size:100%;
	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
	margin:2px 2px 2px 20px;
	width:20%;

}



select {
	font-size:100%;
	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
	margin:2px 2px 2px 20px;
	width:21%;
}

.niceBorder{

		background-color:#edeeef;

		border-width:thin;

        border-style:solid;

		border-color:#5DC8CB;

		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%;

		}
	
hr {


    margin-left: 0px;
    margin-right: 0px;
    border-style: inset;
    border-width: 1px;
}



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-size: 14px;All other fonts inherit this size. I could use "small" too.*/
    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
    	font-size: 100%;
	    border: none;
	    padding: 10px;
        
}

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:#5DC8CB;
		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:#5DC8CB;
    
        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:#5DC8CB;
         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:#5DC8CB;
         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;

}

	
#cmFromVD, #voltageDrop1, #minimumConductor {
		background-color:#edeeef;
		border-width:thin;
        border-style:solid;
		border-color:#5DC8CB;
		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%;
}

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%;
        
 }  
a:link {color:#5DC8CB; }
a:visited {color:#2c8082; }
a:hover {color:#FF0000; }

/*Leave this at the bottom, or it won't work!*/



@media screen {

	
	.dontShowThis {display:none}
 
  }
  
  	.myNav {
		background-color: #FFFFFF;
		width: 100%;
		padding: 10px;
		text-align: center;
		margin-right:2%; margin-left: 2%;
		margin: 0;
	
		box-sizing: border-box;
				}
  
  
/*Mobile Styles*/
@media only screen and (max-width: 400px) {
	.myHeader {min-height: fit-content;}

		h1 {    	
		color: #454545;
    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
        text-align: center;
        font-size: 120%;
}

	button {
		width:33%;
		border-radius: 20px 20px 20px 20px;
		border-color:#5DC8CB;
		padding: 3px;
		margin:4px 0px 4px 0px;
		font-size:75%;
		background-color: #FFFFFF;	
		font-weight: normal;
		outline: none;
		border-width:thin;
		border-style:solid;
		color: black;
		text-align: center;	
	}
	
	.button2:hover {
    border-color:#5DC8CB;
	color: red;
	background-color:gray;
  
}
		 body {
		background-color: #FFFFFF;
		font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
}
}

/*Tablet Styles*/
@media only screen and (min-width: 401px) and (max-width: 960px) {


	
	h1 {    	
		color: #454545;
    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
        text-align: center;
        font-size: 120%;
}

	button {
		width:32%;
		border-radius: 20px 20px 20px 20px;
		border-color:#5DC8CB;
		padding: 3px;
		font-size:80%;
		background-color: #FFFFFF;	
		font-weight: bold;
		outline: none;
		border-width:thin;
		border-style:solid;
		color: black;
		text-align: center;	
	}
	.button2:hover {
		border-color:#5DC8CB;
		color: red;
		background-color:gray;
  
}
	 body {
		background-color: #FFFFFF;
		font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
}

}

/*Desktop Styles*/
@media only screen and (min-width: 961px) {

h1 {    	
		color: #454545;
    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
        text-align: center;
        font-size: 120%;
}

p {	padding: 20px 30px 10px 10px;
}	



	button {
		width:32%;
		border-radius: 20px 20px 20px 20px;
		border-color:#5DC8CB;
		padding: 3px;
		font-size:105%;
		background-color: #5DC8CB;	
		font-weight: bold;
		outline: none;
		border-width:medium;
		border-style:solid;
		color: black;
		text-align: center;	
	}
	.button2:hover {
		border-color:#5DC8CB;
		color: red;
		background-color:gray;
	
  
}



body {
		background-color: #FFFFFF;
        font-size:100%;
		margin-left: 1%;
		margin-right:1%;
        border-width: lighter;
        border-style:solid;
        border-color:#5DC8CB;
    
        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;
}
 
		}
  
 @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;

}
	
}
