@charset "UTF-8";
/* CSS Document */
/* ------------------ accordions --*/
.accordian p:empty {
	display: none;
}
/*---------------- boxes --*/
p.box, div.box {
    border-style: solid;
    border-width: 1px 1px;
    color: #555;
	 display:inline-block;
    margin: 1em 0 1.5em;
	 padding:9px 10px;
    text-shadow: none;
}
.box.info {
    background: #eee url("../images/ico-info.png") no-repeat scroll 20px .8em;
    border-color: #ccc;
    padding: 9px 35px 9px 50px;
}
.box.alert {
    background: #ffd9c8 url("../images/ico-alert.png") no-repeat scroll 20px .8em;
    border-color: #f0baa2;
    padding: 9px 35px 9px 50px;
}
.box.tick {
    background: #daf2c9 url("../images/ico-tick.png") no-repeat scroll 20px .8em;
    border-color: #d4ebaf;
    padding: 9px 35px 9px 50px;
}
.box.download {
    background:#e2f8fc url("../images/ico-download.png") no-repeat scroll 20px .8em;
    border-color: #92c6eb;
    padding: 9px 35px 9px 50px;
}
.box.note {
    background: #fef6d2 url("../images/ico-note.png") no-repeat scroll 20px .8em;
    border-color: #efe3ae;
    padding: 9px 35px 9px 50px;
}
/*---------------- buttons --*/
/*.mybutton {
    margin: 0.3em auto;
}*/
.mybutton {
    border: solid 1px darkslateblue;
	border-radius: 15px;
	color: black !important;
    display: inline-block;
    font-family: sans-serif;
	font-size:.9em;
    line-height: 1em;
    margin: auto 3px;
    padding:5px 10px 4px;
    text-align: center;
    text-decoration: none !important;
}
.mybutton a {
	color: black;
	font-weight:700;
}
.mybutton:hover {
    opacity: 0.85;
}
.mybutton:hover, .mybutton.hover, .mybutton.active {
    text-decoration: none !important;
}
.mybutton.info,.mybutton.alert,.mybutton.tick,.mybutton.download,.mybutton.note{
    border: none;
}
.mybutton.info a,.mybutton.alert a,.mybutton.tick a,.mybutton.download a,.mybutton.note a {
	color: white;
}
.mybutton.info::before {
	color:white;
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}
.mybutton.info {
	color:white;
	background-color: navy;
}
.mybutton.alert::before {
	color:white;
    content: "\f06a";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}
.mybutton.alert  {
	color:white;
	background-color: orange;
}
.mybutton.tick::before {
	color:white;
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}
.mybutton.tick {
	color:white;
	background-color: green;
}
.mybutton.download::before {
	color:white;
    content: "\f0ab";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}
.mybutton.download {
	color:white;
	background-color:deepskyblue;
}
.mybutton.note::before {
	color: #5a5a5a;
    content: "\f044";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}
.mybutton.note {
	color:white;
	background-color: yellow;
}
.mybutton.note a {
	color: #5a5a5a;
}
/* ------------------ columns --*/
.onequarter p:empty,.twoquarter p:empty,.threequarter p:empty,.fourquarter p:empty,.fivequarter p:empty {
	display: none;
}
/*---------------- links --*/
.mylink {
    display: inline-block;
    margin: auto;
    padding:0 .2em;
    text-align: center;
    text-decoration: none !important;
}
.mylink:hover {
    opacity: 0.85;
	 text-shadow: 0 1px 1px silver;
}
.mylink a {
	font-weight:700;
	text-decoration:underline;
}
.mylink.alert::before {
	color:orange;
    content: "\f06a";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}
.mylink.alert a {
	color:orange;
}
.mylink.info::before {
	color:dodgerblue;
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}
.mylink.info a {
	color:dodgerblue;
}
.mylink.download::before {
	color:deepskyblue;
    content: "\f0ab";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}
.mylink.download a {
	color:deepskyblue;
}
.mylink.note::before {
	 color: darkgoldenrod;
    content: "\f044";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}
.mylink.note a {
	 color: darkgoldenrod;
}

.mylink.pdf::before {
	 color: red;
    content: "\f1c1";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}
.mylink.pdf a {
	 color: red;
}
.mylink.tick::before {
	color:green;
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}
.mylink.tick a {
	color:green;
}
/*---------------- lists --*/
.mylist ul {
	margin:;
	padding:;
	list-style:none;
	text-align:left;
}
.mylist ul li {
    list-style: outside none;
}
.mylist ul li::before {
	font-family:"Font Awesome 5 Free";
    margin: 0 0 0 -23px;
    padding: 0 9px 0px 0;
}
.mylist.bullet ul li::before {
	content:"\f111";
	color:dodgerblue;
}
.mylist.download ul li:before {
	content:"\f019";
	color:deepskyblue;
}
.mylist.pdf ul li:before {
	content:"\f1c1";
	color:red;
}
.mylist.star ul li::before {
	content:"\f005";
	color:gold;
}
.mylist.tick ul li:before {
	content:"\f00c";
	color:green;
}
.mylist ul li ul li::before, .mylist ul li ol li::before  {
	content: none !important;
}
.mylist ul li ul {
	list-style-type:initial;
	margin-left:2.5rem;
}
.mylist ul li ul li {
	list-style: unset;
}
.mylist ul li ol {
	list-style-type:decimal;
	margin-left:2.5rem;
}
.mylist ul li ol li {
	list-style: unset;
}
/* ------------------ tabs --*/
.tabs p:empty {
	display: none;
}