body, table, tr, td, p  {
	font-family: arial, helvetica, verdana, sans-serif;
	/*font-size: 12px; omit to allow default medium*/
    font-size: 14px;
	color: #000;
	}

body.home {
     background-color: 3CB371;
     }


h1  {
    text-align:center;
}


/*deprecate in favor of bootstrap below
a {
	text-decoration: none;  /* this removes underlining */
	color:  blue;
	outline: none;
	}
/* removed the visit history
a:visited {
	color:  purple;
	}

a:active {
	color:  blue;
	}
a:hover {
	color: blue;
	text-decoration: underline;
	}
*/

/* For Home page, Mission statement, flush right, use on left column */
.mission {
    color:dimgray;
    font-weight:bold;
    font-size:16px;
    text-align:right;
    
}


/*For Home page, alerts and special buttons*/

blockquote.alert {
    background-color: #ff9999; 
    padding: 10px; 
    border: 1px solid #ff9999;
    text-align: center;
    font-weight: 400;
    }
/*---*/


a.noblue {      /* this is so that <a name=xxx> tags don't do weird things  */
       color:  black;
       }
a.noblue:hover {
       color:  black;
       text-decoration: none;
       }

.ahem {
	display: none;
	}
img     {
	border: 0;
	}
strong, b {
	font-weight: bold;
	}

font.homelinks {
	font-size: 16px;
        }

/* br {
        line-height: 8px;
        margin-top: 8px;
        margin-bottom: 2px;
        } */

.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}

table.gaatable {
        background-color: #FFFFCC;
        }

table.gaatable_copyright {
        background-image: url(http://www.globalamphibians.org//images/footer_bck.gif);
        }

td.gaa_table_cell_td_copyright {
        background-image: url(http://www.globalamphibians.org//images/footer_bck.gif);
        }

td.gaa_table_cell_td {
	background: #FFFFCC;
        }

tr.gaa_table_cell_tr {
	background: #FFFFCC;
        }

p.gaa_paragraph {
	background: #FFFFCC;
        }

table.iucntable {
        border-style: dotted;
        border-color: rgb( 204, 204, 204);
        /* border-color: #D81E05; */
        border-width: 1px;
        }



td.comparison1 {
	background: #EEEEEE;
        }

td.comparison2 {
	background: #DDDDDD;
        }

table#bigtable {   /* this is for the table that goes around everything on the page */
	margin-left: .8%;
	margin-top: .8%;
	margin-right: 2%;
	padding: 0px 0px 0px 0px;
        border:0px;
	border-collapse: collapse;
        /* width: auto; */
        width: 95%;  /* Changed from "width: auto" Sept 2013 to solve issue with Chrome pages being too narrow. */
                     /* Also changed td.leftsidetop -- added width: 160px; both were necessary for fix. */
        }

table#hometable {   /* this is for the table that goes around everything on the page */
	margin-left: 5%;
	margin-top: .8%;
	margin-right: 2%;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	/* background-color: #eeeeee; */
        }

#top    {
        color: #fff;
        text-align: center;
        letter-spacing: 25;
	background: #23238E;
        border-top: 4px solid #23238E;
        border-bottom: 4px solid #23238E;
        }

#tophome    {
        color: #fff;
        text-align: center;
        letter-spacing: 25;
	background: #23238E;
        border-top: 4px solid #23238E;
        border-bottom: 4px solid #23238E;
        }
/* jg added Jan 2021 for sessions -- may be only temporarily needed, or maybe not*/
#toplogin    {
        color: #fff;
        text-align: right;
	background: #23238E;
        border-top: 4px solid #23238E;
        border-bottom: 4px solid #23238E;
        }


td.leftsidetop {
	background: #009966;  /* need this to fill up table cell with navbar */
        vertical-align: top;  /* so that ensatina+menu is always at top of green bar */
	width: 160px;  /* added Sept 2013 to keep leftside green bar from expanding to right after fix for Chrome pages being too narrow */
	               /*   */
        }

td.leftsidetophome {
	background: #23238E;  /* need this to fill up table cell with navbar */
        vertical-align: top;  /* so that ensatina+menu is always at top of green bar */
        }


td.leftsidebottom {
	background: #009966;  /* need this to fill up table cell with navbar */
        }

td.footer {
        padding-left: 3%;
        padding-right: 30%;
        padding-bottom: 1%;
        padding-top: 5%;
    
        }

td.topbar {
	background: #23238E;  /* lightblue */
        }

div .footer-left {
    float:left;
    width:80%;
    
}

div .footer-right {
    width:10%; 
    position:absolute; 
    right:80px; 
    bottom:80px; 
    float:right;
}

button.footer {
    
}

#home_navbar {
	width: 20px;
	}

#navbar {
	/* width: 160px; */
	width: 160px;
	}

#navbar ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

#navbar ul li {
        margin: 0;
        border-top: 1px solid #7fb27f;
        }

#navbar ul li a {
        display: block;
        padding: 2px 2px 2px 0.5em;
        border-left: 10px solid #145a32; /*old #006600; new #145a32 same as styledtable header row*/
        border-right: 1px solid #145a32; /*old #006600 */
        border-bottom: 1px solid #145a32; /*old #006600 */
        background-color: #145a32;
    
    /*
        background-color: #009966;
    */

	   font-size: 13px;
	/* font-weight: bold; */
        color: #fff;
        text-decoration: none;
        width: 100%
        }
html>body #navbar ul li a {
	width: auto;
	}
#navbar ul li a:hover {
        border-left: 10px solid #003300;
        border-right: 1px solid #69c;
        border-bottom: 1px solid #369;
        background-color: #66CC66;
        color: #fff;
	}


#subnavbar {
        display: inline;   /* this is order to display in middle of navbar  */
	width: 160px;
        }

#subnavbar ul {
        list-style: none;
        margin: 0;
        margin-left: 10px;
        padding: 0;
        }
#subnavbar ul li {
        margin: 0;
        border-top: 1px solid #69f;
        }
#subnavbar ul li a {
        display: block;
        padding: 2px 2px 2px 0.5em;

        border-left: 10px solid #036;
        border-right: 1px solid #69c;
        border-bottom: 1px solid #036;
        background-color: #369;

	font-size: 12px;
	/* font-weight: bold; */
        color: #fff;
        text-decoration: none;
        width: 100%
        }
html>body #subnavbar ul li a {
	width: auto;
	}
#subnavbar ul li a:hover {
        border-left: 10px solid #000033;
        border-right: 1px solid #69c;
        border-bottom: 1px solid #369;
        background-color: #69f;
        color: #fff;
	}


#main {
	padding: 10px 2% 10px 2%;
	margin: 0px;
	/* margin-right: 100px; */
	border: 0px;
	background: #fff;
	}
div.center {
  margin-left: auto;
  margin-right: auto;
  width: 8em;
} /*block is centered with text left-aligned*/

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

img.ensatina {
	margin: 5px 5px 10px 20px;   /* margins on all sides */
        }


form.buttons {
        margin-top: 1px;
        margin-bottom: 1px;
        }



/* the following section is for "fake" tabs for when we have a Lannoo accnt, Raffaelli acct, nonEnglish acct, etc */


/* this little error (3 lines below) seems to make the tabs come out left-aligned the way I want them -- I have no idea why */
#lannoo {
        }
        }


#navcontainer {
    clear: left;
    z-index: 3;
    position:relative;
    margin: 0 0 0 20%;
    width: 62%;
}

#navlist_lannoo {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    clear:both;
}

#navlist_raffaelli {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    clear:both;
}

#navlist_ecuador {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    clear:both;
}

#navlist_hernandez {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    clear:both;
}

#navlist_iucn {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    clear:both;
}



#navlist_eol {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    clear:both;
}

#navlist_mol {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    clear:both;
}



#navlist_aw {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    clear:both;
}


#navlist_nonenglish1 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    clear:both;
}

#tabbar_lannoo {
    position:relative;
    background: #FFCC33;
    text-align: center;
    clear:both;
    border-bottom: 6px solid #FFCC33;
    margin:0;
}
#tabbar_raffaelli {
    position:relative;
    /* background: #66cdaa; */
    background: #72e5bf;
    text-align: center;
    clear:both;
    /* border-bottom: 6px solid #66cdaa; */
    border-bottom: 6px solid #72e5bf;
    margin:0;
}

#tabbar_ecuador {
    position:relative;
    /* background: #cf5300; */
    /* background: #ffc6a4; */
    background: #006a8a;
    text-align: center;
    clear:both;
    /* border-bottom: 6px solid #cf5300; */
    /* border-bottom: 6px solid #ffc6a4; */
    border-bottom: 6px solid #006a8a;
    margin:0;
}

#tabbar_hernandez {
    position:relative;
    /* background: #cf5300; */
    background: #ffc6a4;
    text-align: center;
    clear:both;
    /* border-bottom: 6px solid #cf5300; */
    border-bottom: 6px solid #ffc6a4;
    margin:0;
}

#tabbar_iucn {
    position:relative;
    background: #C00000;
    text-align: center;
    clear:both;
    border-bottom: 6px solid #C00000;
    margin:0;
}


#tabbar_eol {
    position:relative;
    background: #C0E040;
    text-align: center;
    clear:both;
    border-bottom: 6px solid #C0E040;
    margin:0;
}

#tabbar_mol {
    position:relative;
    /* background: #FFA07A; */
    background: #8CBF44;
    text-align: center;
    clear:both;
    /* border-bottom: 6px solid #FFA07A; */
    border-bottom: 6px solid #8CBF44;
    margin:0;
}




#tabbar_aw {
    position:relative;
    background: #23238E;
    text-align: center;
    clear:both;
    border-bottom: 6px solid #23238E;
    margin:0;
}


#tabbar_nonenglish1 {
    position:relative;
    background: #CC99CC;
    text-align: center;
    clear:both;
    border-bottom: 6px solid #CC99CC;
    margin:0;
}

#navlist_lannoo ul, #navlist_lannoo li  {
    /* margin: 0; */
    margin-left: 5px;
    padding-left: 0;
}

#navlist_raffaelli ul, #navlist_raffaelli li  {
    /* margin: 0; */
    margin-left: 5px;
    padding-left: 0;
}

#navlist_ecuador ul, #navlist_ecuador li  {
    /* margin: 0; */
    margin-left: 5px;
    padding-left: 0;
}

#navlist_hernandez ul, #navlist_hernandez li  {
    /* margin: 0; */
    margin-left: 5px;
    padding-left: 0;
}

#navlist_iucn ul, #navlist_iucn li  {
    /* margin: 0; */
    margin-left: 5px;
    padding-left: 0;
}

#navlist_eol ul, #navlist_eol li  {
    /* margin: 0; */
    margin-left: 5px;
    padding-left: 0;
}

#navlist_mol ul, #navlist_mol li  {
    /* margin: 0; */
    margin-left: 5px;
    padding-left: 0;
}

#navlist_aw ul, #navlist_aw li  {
    /* margin: 0; */
    margin-left: 5px;
    padding-left: 0;
}

#navlist_nonenglish1 ul, #navlist_nonenglish1 li  {
    /* margin: 0; */
    margin-left: 5px;
    padding-left: 0;
}




#navlist_lannoo li
{
    float: left;
    display: block;
    /* width:19.5%; */
    min-height: 20px;
}

#navlist_raffaelli li
{
    float: left;
    display: block;
    /* width:19.5%; */
    min-height: 20px;
}

#navlist_ecuador li
{
    float: left;
    display: block;
    /* width:19.5%; */
    min-height: 20px;
}

#navlist_hernandez li
{
    float: left;
    display: block;
    /* width:19.5%; */
    min-height: 20px;
}


#navlist_iucn li
{
    float: left;
    display: block;
    /* width:19.5%; */
    min-height: 20px;
}


#navlist_eol li
{
    float: left;
    display: block;
    /* width:19.5%; */
    min-height: 20px;
}

#navlist_mol li
{
    float: left;
    display: block;
    /* width:19.5%; */
    min-height: 20px;
}



#navlist_aw li
{
    float: left;
    display: block;
    /* width:19.5%; */
    min-height: 20px;
}


#navlist_nonenglish1 li
{
    float: left;
    display: block;
    /* width:19.5%; */
    min-height: 20px;
}

#navlist_aw li a
{
    position: relative;
    display: block;
    text-align: center;
    /* color: #fff; */
    text-decoration: none;
}


#navlist_raffaelli li a
{
    position: relative;
    display: block;
    text-align: center;
    /* color: #fff; */
    text-decoration: none;
}

#navlist_ecuador li a
{
    position: relative;
    display: block;
    text-align: center;
    /* color: #fff; */
    text-decoration: none;
}

#navlist_hernandez li a
{
    position: relative;
    display: block;
    text-align: center;
    /* color: #fff; */
    text-decoration: none;
}

#navlist_iucn li a
{
    position: relative;
    display: block;
    text-align: center;
    /* color: #fff; */
    text-decoration: none;
}



#navlist_eol li a
{
    position: relative;
    display: block;
    text-align: center;
    /* color: #fff; */
    text-decoration: none;
}

#navlist_mol li a
{
    position: relative;
    display: block;
    text-align: center;
    /* color: #fff; */
    text-decoration: none;
}



#navlist_lannoo li a
{
    position: relative;
    display: block;
    text-align: center;
    /* color: #fff; */
    text-decoration: none;
}

#navlist_nonenglish1 li a
{
    position: relative;
    display: block;
    text-align: center;
    /* color: #fff; */
    text-decoration: none;
}
#tab_lannoo {
    padding:4px;
    color: #000;
    background-color: #FFCC33;
    background: #FFCC33;
    margin-right: -1px;
    border-left: 1px solid #fff;
}

#tab_raffaelli {
    padding:4px;
    color: #000;
    background-color: #72e5bf;
    background: #72e5bf;
    margin-right: -1px;
    border-left: 1px solid #fff;
}

#tab_ecuador {
    padding:4px;
    color: #fff;
    /* background-color: #cf5300;
    background: #cf5300; */
    /* background-color: #ffc6a4;
    background: #ffc6a4; */
    background-color: #006a8a;
    background: #006a8a;
    margin-right: -1px;
    border-left: 1px solid #fff;
}

#tab_hernandez {
    padding:4px;
    color: #000;
    /* background-color: #cf5300;
    background: #cf5300; */
    background-color: #ffc6a4;
    background: #ffc6a4;
    margin-right: -1px;
    border-left: 1px solid #fff;
}

#tab_iucn {
    padding:4px;
    color: #fff;
    background-color: #C00000;
    background: #C00000;
    margin-right: -1px;
    border-left: 1px solid #fff;
}


#tab_eol {
    padding:4px;
    color: #000;
    background-color: #C0E040;
    background: #C0E040;
    margin-right: -1px;
    border-left: 1px solid #fff;
}

#tab_mol {
    padding:4px;
    /* color: #000; */
    color: #fff;
    /* background-color: #FFA07A;
    background: #FFA07A; */
    background-color: #8CBF44;
    background: #8CBF44;
    margin-right: -1px;
    border-left: 1px solid #fff;
}

#tab_aw {
    padding:4px;
    color: #fff;
    background-color: #23238E;
    background: #23238E;
    margin-right: -1px;
    border-left: 1px solid #fff;
}


#tab_nonenglish1 {
    padding:4px;
    color: #000;
    background-color: #CC99CC;
    background: #CC99CC;
    margin-right: -1px;
    border-left: 1px solid #fff;
}

#tab_lannoo:hover
{
    background-color: #FFCC33;
    color: #666!important;
}

#tab_raffaelli:hover
{
    /* background-color: #66cdaa; */
    background-color: #72e5bf;
    color: #666!important;
}

#tab_ecuador:hover
{
    /* background-color: #cf5300; */
    /* background-color: #ffc6a4; */
    background-color: #006a8a;
    color: #ccc!important;
}

#tab_hernandez:hover
{
    /* background-color: #cf5300; */
    background-color: #ffc6a4;
    color: #666!important;
}

#tab_iucn:hover
{
    /* background-color: #66cdaa; */
    background-color: #C00000;
    color: #ccc!important;
}


#tab_eol:hover
{
    /* background-color: #66cdaa; */
    background-color: #C0E040;
    color: #666!important;
}

#tab_mol:hover
{
    /* background-color: #66cdaa; */
    /* background-color: #FFA07A; */
    background-color: #8CBF44;
    color: #666!important;
}

#tab_aw:hover
{
    /* background-color: #738AB5; */
    background-color: #23238E;
    color: #ccc!important;
}

#tab_nonenglish1:hover
{
    /* background-color: #66cdaa; */
    background-color: #CC99CC;
    color: #666!important;
}

#navlist_lannoo li a.active
{
    padding-bottom: 5px;
    color: #000;
    background-color: #ffcc33;
}

#navlist_raffaelli li a.active
{
    padding-bottom: 5px;
    color: #000;
    /* background-color: #66cdaa; */
    background-color: #72e5bf;
}

#navlist_ecuador li a.active
{
    padding-bottom: 5px;
    color: #fff;
    /* background-color: #cf5300; */
    /* background-color: #ffc6a4; */
    background-color: #006a8a;
}

#navlist_hernandez li a.active
{
    padding-bottom: 5px;
    color: #000;
    /* background-color: #cf5300; */
    background-color: #ffc6a4;
}

#navlist_iucn li a.active
{
    padding-bottom: 5px;
    color: #fff;
    /* background-color: #66cdaa; */
    background-color: #C00000;
}



#navlist_eol li a.active
{
    padding-bottom: 5px;
    color: #000;
    /* background-color: #66cdaa; */
    background-color: #C0E040;
}

#navlist_mol li a.active
{
    padding-bottom: 5px;
    /* color: #000; */
    color: #fff;
    /* background-color: #66cdaa; */
    /* background-color: #FFA07A; */
    background-color: #8CBF44;
}



#navlist_aw li a.active
{
    padding-bottom: 5px;
    color: #fff;
    background-color: #23238E;
}



#navlist_nonenglish1 li a.active
{
    padding-bottom: 5px;
    color: #000;
    background-color: #CC99CC;
}


/* end section for U.S. species accounts, when we have a Lannoo account */



table.browse_photo_thumbs {
    border: 1px #000 solid;
    border-collapse: collapse;
    border-spacing: 3px;
    empty-cells: show;
    }


table.browse_photo_thumbs td {

    background-color: #FFF;
    padding: 4px;
    border: 1px #000 solid;
    text-align: center;
    }

/*MK adding button classes lifted from bootstrap css http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css but we arent ready for it all yet*/


button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 2px;
  padding: 10px;
}
td,
th {
  padding: 2px;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 11px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
/* MK - new hyperlink style */
/* a:hover,
a:focus { */
a:hover {
  color: #23527c;
  text-decoration:underline;
  text-decoration-style: dotted;
}
/* jg - commented out May 22 2018 */
/*
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
*/
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-primary {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}

.btn-main {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 30px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.btn-main:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
}
.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
  overflow: auto;
}
/* old-delete if the update above works
.clearfix:after {
  clear: both;
}
*/
/* Not used now
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
*/


/*adding for text blocks*/
blockquote {
 padding: 10px;
}

.gray {
    background: #d6dbdf ;
    padding:10px;
}

.info {
background:#DFFFD4;
padding:10px
}

.resource {
background: #FFFFBE;
text-align:center;
padding:15px;
}

.tip {
background:#E8F2FF;
padding:15px;
}

blockquote.alert {
    background-color: #ff9999; 
    padding: 10px; 
    border: 1px solid #ff9999;
    text-align: center;
    font-weight: 500;

}


/* to call out info and link to Hernandez accounts */
.hernandez {
    background: #ffc6a4;
    
}


/*adding new gradient button classes-See Sandbox-toys.html*/

.orderButton {
	
-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
box-shadow:inset 0px 1px 0px 0px #97c4fe;
	
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	
background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	
background-color:#3d94f6;
	-moz-border-radius:6px;
	
    -webkit-border-radius:6px;
    border-radius:6px;
	
    border:1px solid #337fed;
	
    display:inline-block;
	
cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
    font-weight: bold;
	font-size:15px;
	padding:6px 24px;
	text-decoration:none;

}

.orderButton:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	
background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
background-color:#1e62d0;
color: #05073E;
text-decoration:none;

}

.orderButton:active {
position:relative;
	top:1px;

}

.listButton {
	
    -moz-box-shadow:inset 0px 1px 0px 0px #3dc21b;
    -webkit-box-shadow:inset 0px 1px 0px 0px #3dc21b;
    box-shadow:inset 0px 1px 0px 0px #3dc21b;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a));
	
background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a',GradientType=0);
	
background-color:#44c767;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #18ab29;
    display:inline-block;
	
cursor:pointer;
	color:#FFFFFF;
	font-family:Trebuchet MS;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	
}

.listButton:hover {
	
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
	
background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767',GradientType=0);
background-color:#5cbf2a;
color:#003300;
text-decoration: none;
}

.listButton:active {
	
position:relative;
	top:1px;

}

    .infoBtn {
border:1px solid #15aeec; 
        -webkit-border-radius: 10px; 
        -moz-border-radius: 10px;
        border-radius: 10px;
        font-size:15px;
        font-family:Trebuchet MS, sans-serif; 
        padding: 5px 10px 5px 10px; 
        text-decoration:none; 
        display:inline-block;
        text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
        font-weight:bold; 
        color: #FFFFFF;
 background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3));
 background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3);
}

.infoBtn:hover{
 
    border:1px solid #1090c3;
    background-color: #1ab0ec; 
    background-image: 
        -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2));
 background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#1a92c2);
}
    


/*! Following comes from:
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*! MSK added /fonts/ and this snippet from bootstrap.css on 2017-01-01 for the icons*/

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}

/* simple responsive image handling, added Jan 2017, MSK */

div.img {
    border: 0px solid #ccc;
    display: block;
    margin-left: auto;
    margin-right: auto;
  
}

div.img:hover {
    border: 1px solid #777;
}

div.img img {
    width: 100%;
    height: auto;
    
}

div.desc {
    padding: 10px;
    text-align:center;
    font-size:smaller;
}


* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
    float: center;
    width: 30%;
}

@media only screen and (max-width: 700px){
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px){
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}


/* Table List styling for different IUCN status, added Feb 2017, MSK*/
table.listing td {
        border-spacing:0;
        padding: 3px;
        /* border-bottom: 1px solid #ddd; */
        
    }

table.listing td.DD {
    font-weight: bold;
    background-color:lightgray;
    color: black;
}

table.listing td.LC {
    font-weight: bold;
    background-color: #42B50A;
    color: white;
}
    
table.listing td.NT {
    font-weight: bold;
    background-color: greenyellow;
    color: black;
}

table.listing td.VU {
    font-weight: bold;
    background-color: yellow;
    color: black;
    }
    
    
table.listing td.EN {
    font-weight: bold;
    background-color: #e0a123;
    color: white;
}
        
table.listing td.CR {
    font-weight: bold;
    background-color: red;
    color: white;
}
    
table.listing td.EX {
    font-weight: bold;
    background-color: black;
    color: white;
}

table.listing td.EW {
    font-weight: bold;
    background-color:#68084C;
    color: white;
}  

/* simple image gallery styling, added Jan 2018, MSK */

div.gallery {
    margin: 5px;
    border: 2px solid #ccc;
    float: left;
    width: 180px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.gallerynote {
    padding: 10px;
    text-align: center;
}

/* styling for images and image credits used in the news archive and family pages, May 2018, MSK*/
div.newscontainer{
    width: 100%;
    padding: 4px;
}

/*styling for general table use-- for rosters, listings of names, etc. Nicely styled table with hover highlighting. Added 4 April 2022, MSK */

#styledtable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#styledtable td, #styledtable th {
  border: 0px;
  padding: 8px;
}

#styledtable tr:nth-child(even){background-color: #f2f2f2;}

#styledtable tr:hover {background-color: #ddd;}

#styledtable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color:  #145a32;
  color: white;
}


/* added June 22 2018, edited Nov 2021, for family pages (and maybe other pages?) Use with <li>, MSK */
li.list {
    
     list-style-type:circle;
}  

li.solidlist {
    
    list-style-type: disc;
} 


div.floatimg{
    float: left;
    width: 30%;
    margin: 4px 10px 2px 0px; 
    border: 1px solid LightGray;
    padding: 0px;
}

div.floatimg-right{
    float: right;
    width: 30%;
    margin: 4px 10px 2px 0px; 
    border: 1px solid LightGray;
    padding: 0px;
}

div.credit {
    padding: 10px;
    text-align:center;
    font-size:smaller;
}

td.top {
    
    vertical-align: top;
}


#topBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #42966a;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#topBtn:hover {
  background-color: #555;
}


/* added August 3, 202, JG -- tabs */
.tab { margin-left: 40px; }


/* jg added Oct 2020 for testing table sorts */
/* Up and Down Arrows */
.sortable th.descend:after{
	content: "\25B2";
	}
.sortable th.ascend:after{
	content: "\25BC";
	}

/* added Feb 2021, MK-- for the new About page.
colors from here: https://www.w3schools.com/colors/colors_2021.asp 
used as div ids
*/
    
#why { 
  border-radius: 25px;
  background: #a0daa9; 
  padding: 20px; 
  width: 80%;
  margin: auto;
    font-size: 120%;
        }
    
#What { 
  border-radius: 25px;
  background: #f8eda0; 
  padding: 20px; 
  width: 80%;
  margin: auto;
    font-size: 120%;
        }   

#mission { 
  border-radius: 25px;
  background: #E9967A; 
  padding: 20px; 
  width: 80%;
  margin: auto;
    font-size: 120%;
        }  
    
#stats { 
  border-radius: 25px;
  background: #9bb7d4; 
  padding: 20px; 
  width: 80%;
  margin: auto;
    font-size: 120%;
        }
    
#who { 
  border-radius: 25px;
  background: #cce0ff; 
  padding: 20px; 
  width: 80%;
  margin: auto;
    font-size: 120%;
        }

/*end About page styling */



/* added Feb 2021 -- new left side navigation tabs */

/*
 CSS for the main interaction
*/
.accordion > input[name="collapse"] {
  display: none;

  /*position: absolute;
  left: -100vw;*/
}

.accordion label,
.accordion .content{
 max-width: 620px;
  margin: 0 auto;
 }


.accordion .content {
  overflow: hidden;
  transition: 0.5s;
  height: 0;
  /* background: #fff;  */
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
}

.accordion > input[name="collapse"]:checked ~ .content {
  height: 360px;
  transition: height 0.5s;
}

.accordion label {
  display: block;
  font-size: 13px;
}

/* For Desktop */
@media only screen and (min-width: 620px){
    }


.accordion > input[name="collapse"]:checked ~ .content {
  height: auto;
}


.accordion {
  margin-bottom: 1em;
}

.accordion > input[name="collapse"]:checked ~ .content {
  border-top: 0;
  transition: 0.3s;
}

.accordion .handle {
  margin: 0;
  font-size: 16px;

}

.accordion label {
  color: #fff;
  cursor: pointer;

  padding: 8px;
  background: #009966;
  user-select: none;

}

.accordion label:hover,
.accordion label:focus {
  background: #004700; /*#006600 */
}

.accordion .handle label:before {
  /*font-family: FontAwesome;
  content: "\f107";
  font-size: 1em;*/
  display: inline-block;
  margin-right: 15px;
  line-height: 1em;
  vertical-align: middle;
  transition: 0.4s; 

}

.accordion > input[name="collapse"]:checked ~ .handle label:before {
    transform: rotate(180deg);
    transform-origin: center;
    transition: 0.4s;
}

/* end new Feb 2021 left side navigation tabs /*

/*Contributor Profile classes */

div .name {
    font-family: 'Merriweather', serif;
    font-size: 40px;

}

div .affiliation {
    font-family: 'Merriweather', serif;
    font-size: 20px;

}



/*Chartscss.org customizations, April 2022, MSK */

#species-tally.bar {
  height: 200px;
  max-width: 90%;
  margin: 0 auto;
}

#big.caption{
    font-size: 1.875em;
}