.navbarvertical ul {
text-decoration: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
font-weight: bold;
}

.navbarvertical a {
border-radius: 0px;
  text-decoration: none;
  color: #fff;
  display: block;
    text-align: left;
font-weight: bold;
    padding: 4px;
}
 
.navbarvertical a:hover {
#color: #ff007f;
    color: navy;
    background-color: #FFF;
    list-style-position:inside;
    padding: 4px;
font-weight: bold;
    text-align: left;
}
 
.navbarvertical a.active {
border-radius: 0px;
  text-decoration: none;
  background-color: #fff;
    color: navy;
    padding: 4px;
    text-align: left;
font-weight: bold;
}
 
/*
.navbarvertical li {
font-weight: bold;
    color: #FFF;
    background-color: #5A84CC;
    list-style-position:inside;
    text-align: left;
    padding: 4px;
  }
*/












.hovergrey a {
border-radius: 0px;
  text-decoration: none;
  color: black;
  display: block;
}
 
.hovergrey a:hover {
border-radius: 0px;
  text-decoration: none;
#  color: red;
  background-color: #d8d8d8;
}
 

.navx ul {
  list-style: none;
  background-color: #5A84CC;
  text-align: center;
  padding: 0;
  margin: 0;
  text-decoration: none;
font: normal 12px arial,verdana;
}
 
.navx a {
border-radius: 0px;
  text-decoration: none;
  color: #fff;
  display: block;

}
 
.navx a:hover {
border-radius: 0px;
  text-decoration: none;
  background-color: #86BDFC;
}
 
.navx a.active {
border-radius: 0px;
  text-decoration: none;
  background-color: #fff;
  color: #007fff;
  cursor: default;

}
 
.navx li {
border-radius: 0px;
  text-decoration: none;
    width: 140px;
    border-bottom: none;
    height: 30px;
    line-height: 30px;
    font-size: 1.4em;
    display: inline-block;
    margin-right: -4px;
    /* Fix bug in IE7 and below to keep horizontal*/
    zoom:1;
    *display:inline;

  }



.navxsched ul {
  list-style: none;
  background-color: #5A84CC;
  text-align: center;
  padding: 0;
  margin: 0;
  text-decoration: none;
font: normal 12px arial,verdana;
}
 
.navxsched a {
border-radius: 0px;
  text-decoration: none;
  color: #fff;
  display: block;

}
 
.navxsched a:hover {
border-radius: 0px;
  text-decoration: none;
  background-color: #86BDFC;
}
 
.navxsched a.active {
border-radius: 0px;
  text-decoration: none;
  background-color: #fff;
  color: #007fff;
  cursor: default;

}
 
.navxsched li {
border-radius: 0px;
  text-decoration: none;
    width: 140px;
    border-bottom: none;
    height: 20px;
    line-height: 20px;
    font-size: 1.0em;
    display: inline-block;
    margin-right: -4px;
    /* Fix bug in IE7 and below to keep horizontal*/
    zoom:1;
    *display:inline;

  }







.navxy ul {
  list-style: none;
  background-color: #007fff;
  text-align: center;
  padding: 0;
  margin: 0;
  text-decoration: none;
font: normal 12px arial,verdana;
}

.navxy a {
border-radius: 0px;
  text-decoration: none;
  color: #fff;
  display: block;

}
 
.navxy a:hover {
border-radius: 0px;
  text-decoration: none;
  background-color: #86BDFC;

}
 
.navxy a.active {
border-radius: 0px;
  text-decoration: none;
  background-color: #fff;
  color: #007fff;
  cursor: default;

}
 
.navxy li {
border-radius: 0px;
  text-decoration: none;
    width: 100px;
    border-bottom: none;
    height: 30px;
    line-height: 30px;
    font-size: 1.4em;
    display: inline-block;
    margin-right: -4px;
    /* Fix bug in IE7 and below to keep horizontal*/
    zoom:1;
    *display:inline;

  }



.naverror ul {
  list-style: none;
background-color: #fff;
color:#ff007f;
  text-align: center;
  padding: 0;
  margin: 0;
  text-decoration: none;
font: bold 12px arial,verdana;
}
 
.naverror li {
border-radius: 0px;
  text-decoration: none;
    height: 30px;
    line-height: 30px;
    font-size: 1.4em;
    display: inline-block;
    /* Fix bug in IE7 and below to keep horizontal*/
    zoom:1;
    *display:inline;
  }








.nav ul {
  list-style: none;
  background-color: #006652;
  text-align: center;
  padding: 0;
  margin: 0;
  text-decoration: none;
font: normal 12px arial,verdana;
}
 
.nav a {
border-radius: 0px;
  text-decoration: none;
  color: #fff;
  display: block;
  
}
 
.nav a:hover {
border-radius: 0px;
  text-decoration: none;
  background-color: #58A372;
}
 
.nav a.active {
border-radius: 0px;
  text-decoration: none;
  background-color: #fff;
  color: #006652;
  cursor: default;
}
 
.nav li {
border-radius: 0px;
  text-decoration: none;
    width: 120px;
    border-bottom: none;
    height: 30px;
    line-height: 30px;
    font-size: 1.4em;
    display: inline-block;
    margin-right: -4px;
    zoom:1;
    *display:inline;
  }



.navnavy ul {
  list-style: none;
  background-color: navy;
  text-align: center;
  padding: 0;
  margin: 0;
  text-decoration: none;
font: normal 12px arial,verdana;
}
 
.navnavy a {
border-radius: 0px;
  text-decoration: none;
  color: #fff;
  display: block;
  
}
 
.navnavy a:hover {
border-radius: 0px;
  text-decoration: none;
  background-color: #5A84CC;
}
 
.navnavy a.active {
border-radius: 0px;
  text-decoration: none;
  background-color: #fff;
  color: navy;
  cursor: default;
}
 
.navnavy li {
border-radius: 0px;
  text-decoration: none;
    width: 120px;
    border-bottom: none;
    height: 30px;
    line-height: 30px;
    font-size: 1.4em;
    display: inline-block;
    margin-right: -4px;
    /* Fix bug in IE7 and below to keep horizontal*/
    zoom:1;
    *display:inline;
  }





#navbar3 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
background-color: #006652; 
text-align:center;
}

#navbar3 ul li {
display: inline;   
font: normal 14px arial,verdana;
}

#navbar3 ul li a {
    display:inline-block;
    width: 80px;
    color: #fff;
    text-align: center;
    padding: 4px;
text-decoration: none;     
#padding: .2em 1em;         
 
}

#navbar3 ul li a:hover {
color: #006652;         
background-color: #fff;  
}






#navbar ul {         
margin: 0;         
padding: 5px;         
list-style-type: none;               
background-color: #7f007f; 
text-align:center;
}  

#navbar ul li {          
display: inline;         
}  

#navbar ul li a {         
text-decoration: none;     
padding: .2em 1em;         
color: #fff;         
}  

#navbar ul li a:hover {         
color: #7f007f;         
background-color: #fff;         
} 



#navbar2 ul {         
margin: 0;         
padding: 5px;         
list-style-type: none;               
background-color: #007fff; 
text-align:center;
font: normal 12px arial,verdana;
}  

#navbar2 ul li {          
display: inline;         
}  

#navbar2 ul li a {         
text-decoration: none;     
padding: .2em 1em;         
color: #fff;         
}  

#navbar2 ul li a:hover {         
color: #007fff;         
background-color: #fff;         
} 


/*
#navbar3 ul {         
margin: 0;         
padding: 5px;         
list-style-type: none;               
background-color: #006652; 
text-align:center;
}  

#navbar3 ul li {          
display: inline;         
}  

#navbar3 ul li a {         
text-decoration: none;     
padding: .2em 1em;         
color: #fff;         
}  

#navbar3 ul li a:hover {         
color: #006652;         
background-color: #fff;         
} 
*/


#navbar4 ul {         
margin: 0;         
padding: 5px;         
list-style-type: none;               
background-color: #CCA300; 
text-align:center;
}  

#navbar4 ul li {          
display: inline;         
}  

#navbar4 ul li a {         
text-decoration: none;     
padding: .2em 1em;         
color: #fff;         
}  

#navbar4 ul li a:hover {         
color: #CCA300;         
background-color: #fff;         
} 


.forms {
background-color: #E6EEFF;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #E6EEFF;
}

.forms2 {
background-color: #E4F8FA;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #AFB8CE;
}

.forms3 {
background-color: #FFFFE0;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #FFFFE0;
}

.forms4 {
background-color: #E6EEFF;
font: normal 16px arial,verdana;
padding: 3px;
border: 1px solid #E6EEFF;
}


.myaccount2 {
background-color: #ffffff;
font: normal 12px arial,verdana;
padding: 2px 5px;
border: 3px solid #E6EEFF;
}


.myaccount {
background-color: #E4F8FA;
font: normal 12px arial,verdana;
padding: 2px 5px;
border: 1px solid #AFB8CE;
}

a {
color: #03c;
}


.hawaii {
color: red;
}

.main {
font: normal 12px arial,verdana;
padding: 2px;
margin: 2px;
}

b.normal {font-style:normal;}
b.links {align: right;}
b.title {font: normal 22px arial, verdana; color: #7f007f;}

.tablecenter {
text-align:center;
font: normal 12px arial,verdana;
padding: 2px;
margin: 2px;

}

table.center {
margin-left:auto; 
margin-right:auto;
background-color: #E6EEFF;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #AFB8CE;
}

div.center {
margin-left:auto; 
margin-right:auto;
background-color: #FFFFFF;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #AFB8CE;
}

div.center2 {
margin-left:auto; 
margin-right:auto;
background-color: #FFFFFF;
font: normal 12px arial,verdana;
}

div.center3 {
margin-left:auto; 
margin-right:auto;
}


div.gandalf {
width:97%;
height:120px;
overflow:auto;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #AFB8CE;
}

div.gandalf2 {
width:97%;
height:60px;
overflow:auto;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #AFB8CE;
}

div.gandalf3
{
width:35%; 
word-wrap:break-word;
overflow:auto;
}


div.gandalf4 {
width:97%;
height:320px;
overflow:auto;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #AFB8CE;
}

div.gandalf6 {
width:400px;
word-wrap:break-word;
overflow:auto;
}

textarea.gandalf {
width:97%;
height:50px;
overflow:auto;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #AFB8CE;
}

textarea.gandalf2 {
width:97%;
height:250px;
overflow:auto;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #AFB8CE;
}




div.smalltxt {
font: normal 10px arial,verdana;
}

div.border {
background-color: #FFFFFF;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #AFB8CE;
}

div.borderpad {
font: normal 12px arial,verdana;
padding: 9px;
}

div.borderpad2 {
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #AFB8CE;
}

table.center2 {
margin-left:auto; 
margin-right:auto;
font: normal 12px arial,verdana;
border: 1px solid #AFB8CE;
}


table.center3 {
margin-left:auto; 
margin-right:auto;
font: normal 12px arial,verdana;
}

table.center4 {
margin-left:auto; 
margin-right:auto;
font: normal 12px arial,verdana;
border: 1px solid #AFB8CE;
border-collapse:collapse;
}

table.center5 {
margin-left:auto; 
margin-right:auto;
font: normal 12px arial,verdana;
border: 1px solid #AFB8CE;
border-collapse:collapse;
}

table.break2 {
margin-left:auto; 
margin-right:auto;
font: normal 12px arial,verdana;
border: 1px solid #AFB8CE;
    table-layout:fixed;
    width:80%;
}
.break2 td, .break2 th {
    word-wrap:break-word;
}



table.break2a {
margin-left:auto; 
margin-right:auto;
font: normal 12px arial,verdana;
border: 1px solid #AFB8CE;
    table-layout:fixed;
    width:100%;
}


table.break0 {
margin-left:auto; 
margin-right:auto;
font: normal 12px arial,verdana;
border: 1px solid #AFB8CE;
table-layout:fixed;
width:720px;
}



table.break1 {
margin-left:auto; 
margin-right:auto;
font: normal 12px arial,verdana;
border: 1px solid #AFB8CE;
table-layout:fixed;
width:780px;
}

.break1 td, .break1 th {
    word-wrap:break-word;
}



table.break3 {
font: normal 12px arial,verdana;
    table-layout:fixed;
    width:85%;
}

table.break4 {
margin-left:auto; 
margin-right:auto;
font: normal 12px arial,verdana;
padding: 0px;
border: 1px solid #AFB8CE;
border-collapse:collapse;
    table-layout:fixed;
    width:780px;
}
.break4 td, .break4 th {
    word-wrap:break-word;
}


table.break5 {
margin-left:auto; 
margin-right:auto;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #AFB8CE;
table-layout:fixed;
width:90%;
}

table.break6 {
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #AFB8CE;
table-layout:fixed;
width:400px;
}

.break6 td, .break6 th {
    word-wrap:break-word;
}



table.consreq {
font: normal 14px arial,verdana;
padding: 6px;
border: 1px solid #AFB8CE;
border-collapse: collapse;
}
.consreq td, .consreq th {
border: 1px solid #AFB8CE;
padding: 3px;
}


table.weekview {
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #AFB8CE;
border-collapse: collapse;

}

.weekview td, .weekview th {
border: 1px solid #AFB8CE;

}




table.weekview2 {
font: normal 12px arial,verdana;
border: 1px solid #AFB8CE;
border-collapse: collapse;
}

.weekview2 td, .weekview2 th {
border: 1px solid #AFB8CE;
padding: 3px;
}




table.weekview3 {
font: normal 12px arial,verdana;
border: 1px solid #AFB8CE;
border-collapse: collapse;
table-layout:fixed;
width:780px;
}

.weekview3 td, .weekview3 th {
border: 1px solid #AFB8CE;
padding: 3px;

}



table.weekview4 {
font: normal 12px arial,verdana;
border: 1px solid #AFB8CE;
border-collapse: collapse;
table-layout:fixed;
width:820px;
}

.weekview4 td, .weekview4 th {
border: 1px solid #AFB8CE;
padding: 3px;

}

table.weekview5 {
font: normal 12px arial,verdana;
border-collapse: collapse;
table-layout:fixed;
width:45px;
}

.weekview5 td, .weekview5 th {
padding: 3px;

}


table.weekview6 {
font: normal 12px arial,verdana;
border: 1px solid #AFB8CE;
border-collapse: collapse;
background-color: #fff;
table-layout:fixed;
width:108px;
}

.weekview6 td, .weekview6 th {
border: 1px solid #AFB8CE;
padding: 3px;

}

table.weekview7 {
font: normal 12px arial,verdana;
border: 1px solid #AFB8CE;
border-collapse: collapse;
table-layout:fixed;
width:140px;
}

.weekview7 td, .weekview7 th {
border: 1px solid #AFB8CE;
padding: 3px;
}


table.weekview8 {
font: normal 12px arial,verdana;
table-layout:fixed;
width:580px;
}

.weekview8 td, .weekview8 th {
border: 1px solid #AFB8CE;
}



table.weekview9 {
font: normal 12px arial,verdana;
text-align:center;
width:100%;
}

.weekview9 td, .weekview9 th {
text-align:center;
padding: 3px;
}



table.weekview10 {
font: normal 12px arial,verdana;
border: 1px solid #AFB8CE;
border-collapse: collapse;
table-layout:fixed;
width:65px;
}

.weekview10 td, .weekview10 th {
border: 1px solid #AFB8CE;
padding: 3px;
}


table.weekview11 {
font: normal 12px arial,verdana;
}

.weekview11 td, .weekview11 th {
border: 1px solid #006652;
padding: 3px;
}




table.weekview12 {
font: normal 12px arial,verdana;
border: 1px solid #AFB8CE;
border-collapse: collapse;
# table-layout:fixed;
# width:820px;

}

.weekview12 td, .weekview12 th {
border: 1px solid #AFB8CE;
border-collapse: collapse;
padding: 3px;
}









 .titlehdr {
 font: normal 22px arial, verdana;
 color: #7f007f;
 border-bottom: 1px solid #7f007f;
 }

 .titlehdr2 {
 font: 22px arial, verdana;
 color: #000000;
 border-bottom: 1px solid #000000;
 }

 .titlehdr3 {
 font: 14px arial, verdana;
 font-style:italic;
 color: #000000;
 border-bottom: 1px solid #000000;
 }

 .titlehdr4 {
 font: 16px arial, verdana;
 font-style:italic;
 color: #000000;
 }

 .titlehdr5 {
 font: 16px arial, verdana;
 color: #AFB8CE;
 border-bottom: 1px solid #AFB8CE;
 }


.msgw {
padding: 5px;
margin: 2px;
color: #c00;
border: 1px solid #c00;
background-color: #FEF1ED;
font: bold 14px  verdana;
} 

.msg {
padding: 5px;
margin: 2px;
color: #7f007f;
border: 1px solid #7f007f;
background-color: #FFEEEF;
font: bold 14px  verdana;
}

 
.error {
font: normal 12px arial, verdana;
color: #c00;
border: 1px solid #c00;
padding: 2px;
margin: 5px;
float: left;
background-color: #FEF1ED;
}
 
 .example {
font: normal 12px arial;
color: red;
}
.approved {
font: normal 12px arial;
color: green;
}

.loginform {
font: 16px normal arial;
background-color: #E4F8FA;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #AFB8CE;
}

.loginform #txtbox {
font: bold 12px arial;
color: #00000;
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto; 
}

img.displayedleft {
    display: block;
 float:left;
}

.inverse, .inverse td, .inverse th
{
color:white;
background-color:#000000;//black
}

.small, .small td, .small th
{
font-size:7pt
} 

.imgsize100 {
	max-width: 100px;
	/* Resize the image for IE6 */
	width: expression(this.width > 100 ? 100: true);
}


.procedureco { background-image: url('includes/images/backstripepeach.bmp'); background-repeat: repeat}
.visitco { background-image: url('includes/images/bluebackslash.bmp'); background-repeat: repeat} 
.otherco { background-image: url('includes/images/greenbackslash.bmp'); background-repeat: repeat}
.returnco { background-image: url('includes/images/bacstripeyellow.bmp'); background-repeat: repeat}
.procedurens { background-image: url('includes/images/nspink.bmp'); background-repeat: repeat} 
.visitns { background-image: url('includes/images/nsblue.bmp'); background-repeat: repeat} 
.otherns { background-image: url('includes/images/nsgreen.bmp'); background-repeat: repeat}
.returnns { background-image: url('includes/images/nsyellow.bmp'); background-repeat: repeat}
 

a.picture:link img {border-width: 2px solid #007fff;}
 a.picture:active img {border-width: 2px solid #007fff;}
 a.picture:visited img {border-width: 2px solid #007fff;}
 a.picture:hover img {border-width: 2px solid #ff007f;}

a.ltblue:link {text-decoration: none; color: #E6EEFF; font-weight: bold;}
 a.ltblue:active {text-decoration: none;  color: #E6EEFF; font-weight: bold;}
 a.ltblue:visited {text-decoration: none;  color: #E6EEFF; font-weight: bold;}
 a.ltblue:hover {text-decoration: none;  color: #E6EEFF; font-weight: bold;}

a.allnavy:link {text-decoration: none; color: #79A0E8; font-weight: bold;}
 a.allnavy:active {text-decoration: none;  color: #79A0E8; font-weight: bold;}
 a.allnavy:visited {text-decoration: none;  color: #79A0E8; font-weight: bold;}

a.navy:link {text-decoration: none; color: navy; font-weight: bold;}
 a.navy:active {text-decoration: none;  color: navy; font-weight: bold;}
 a.navy:visited {text-decoration: none;  color: navy; font-weight: bold;}
 a.navy:hover {text-decoration: none;  color: #B51D6E; font-weight: bold;}

a.navyw:link {text-decoration: none; color: #ffffff; font-weight: bold;}
 a.navyw:active {text-decoration: none;  color: #ffffff; font-weight: bold;}
 a.navyw:visited {text-decoration: none;  color: #ffffff; font-weight: bold;}
 a.navyw:hover {text-decoration: none;  color: #ffffff; font-weight: bold;}

a.navyp:link {text-decoration: none; color: #FAA0A9; font-weight: bold;}
 a.navyp:active {text-decoration: none;  color: #FAA0A9; font-weight: bold;}
 a.navyp:visited {text-decoration: none;  color: #FAA0A9; font-weight: bold;}
 a.navyp:hover {text-decoration: none;  color: #FAA0A9; font-weight: bold;}

a.invnavy:link {text-decoration: none; color: #ffffff; font-weight: bold;}
 a.invnavy:active {text-decoration: none;  color: #ffffff; font-weight: bold;}
 a.invnavy:visited {text-decoration: none;  color: #ffffff; font-weight: bold;}
 a.invnavy:hover {text-decoration: none;  color: navy; font-weight: bold;}

a.invnavyex:link {text-decoration: none; color: #007fff; background: #007fff; font-weight: bold;}
 a.invnavyex:active {text-decoration: none;  color: #007fff; background: #007fff; font-weight: bold;}
 a.invnavyex:visited {text-decoration: none;  color: #007fff; background: #007fff; font-weight: bold;}
 a.invnavyex:hover {text-decoration: none;  color: #007fff; background: #007fff; font-weight: bolder;}

a.purp:link {text-decoration: none; color: #7f007f; background: #ffffff; font-weight: bold;}
 a.purp:active {text-decoration: none;  color: #7f007f; background: #ffffff; font-weight: bold;}
 a.purp:visited {text-decoration: none;  color: #7f007f; background: #ffffff; font-weight: bold;}
 a.purp:hover {text-decoration: none;  color: #7f007f; background: #ffffff; font-weight: bold;}

a.pink:link {text-decoration: none; color: #ff007f; background: #ffffff; font-weight: bold;}
 a.pink:active {text-decoration: none;  color: #ff007f; background: #ffffff; font-weight: bold;}
 a.pink:visited {text-decoration: none;  color: #ff007f; background: #ffffff; font-weight: bold;}
 a.pink:hover {text-decoration: none;  color: #ff007f; background: #ffffff; font-weight: bold;}

a.blue:link {text-decoration: none; color: #007fff; font-weight: bold;}
 a.blue:active {text-decoration: none;  color: #007fff; font-weight: bold;}
 a.blue:visited {text-decoration: none;  color: #007fff; font-weight: bold;}
 a.blue:hover {text-decoration: none;  color: #ff007f; font-weight: bold;}

a.bluebold:link {text-decoration: none; color: #ff007f; font-weight: bold;}
 a.bluebold:active {text-decoration: none; color: #ff007f; font-weight: bold;}
 a.bluebold:visited {text-decoration: none; color: #ff007f; font-weight: bold;}
 a.bluebold:hover {text-decoration: none; color: #ff007f; font-weight: bold;}

a.bluenoborder:link {text-decoration: none; color: #007fff; font-weight: bold;}
 a.bluenoborder:active {text-decoration: none;  color: #007fff; font-weight: bold;}
 a.bluenoborder:visited {text-decoration: none;  color: #007fff; font-weight: bold;}
 a.bluenoborder:hover {text-decoration: none;  color: #ff007f; font-weight: bold;}

a.purple:link {text-decoration: none; color: #0000ff; background: #E0E0F8; font-weight: bold;}
 a.purple:active {text-decoration: none;  color: #0000ff; background: #E0E0F8; font-weight: bold;}
 a.purple:visited {text-decoration: none;  color: #0000ff; background: #E0E0F8; font-weight: bold;}
 a.purple:hover {text-decoration: none;  color: #ffffff; background: navy; font-weight: bold;}


a.purplex:link {text-decoration: none; color: #E0E0F8; background: #E0E0F8; font-weight: bold;}
 a.purplex:active {text-decoration: none;  color: #E0E0F8; background: #E0E0F8; font-weight: bold;}
 a.purplex:visited {text-decoration: none;  color: #E0E0F8; background: #E0E0F8; font-weight: bold;}
 a.purplex:hover {text-decoration: none;  color: #ffffff; background: navy; font-weight: bold;}

a.green:link {text-decoration: none; color: #ffffff; background: #20E915; font-weight: bold;}
 a.green:active {text-decoration: none;  color: #ffffff; background: #20E915; font-weight: bold;}
 a.green:visited {text-decoration: none;  color: #ffffff; background: #20E915; font-weight: bold;}
 a.green:hover {text-decoration: none;  color: #20E915; background: #ffffff; font-weight: bold;}


a.greenex:link {text-decoration: none; color: #20E915; background: #20E915; font-weight: bold;}
 a.greenex:active {text-decoration: none;  color: #20E915; background: #20E915; font-weight: bold;}
 a.greenex:visited {text-decoration: none;  color: #20E915; background: #20E915; font-weight: bold;}
 a.greenex:hover {text-decoration: none;  color: #ffffff; background: #20E915; font-weight: bold;}


 
a.black:link {text-decoration: none; color: #000000; background: #ffffff; font-weight: bold;}
 a.black:active {text-decoration: none;  color: #000000; background: #ffffff; font-weight: bold;}
 a.black:visited {text-decoration: none;  color: #000000; background: #ffffff; font-weight: bold;}
 a.black:hover {text-decoration: none;  color: #000000; background: #ffffff; font-weight: bold;}

#editControls {
  text-align:center;
  padding:5px;
  margin:5px;
}


a{
  border-radius:5px;
}




/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}



/*
//border-radius makes round edge on links

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
a{
  border-radius:5px;
  width:1em;
}

*/