/*********** nav buttons *************/
nav {clear: both; margin-top: 20px; height: 20px; padding-top: 20px;}
nav a.nav { position:relative; float: left; margin-left: 20px; color: black; text-decoration: none; text-transform: uppercase; font-family: 'Arial Bold',Arial; font-weight: bold; font-size: 15px;}
nav a.nav.disabled {cursor: default; color: #999;}
nav a.nav:hover {color: #666;}
nav a.nav.disabled:hover {color: #999}
nav a.nav.next {float: right; margin-right: 20px;}

nav a.nav.next:before {content: ""; display: block; position: absolute; right: -25px; width: 0px; top: -1px;
height: 0px;
border-style: solid;
border-width: 9px 0 9px 18px;
border-color: transparent transparent transparent black;}
nav a.nav.next:after {content: ""; display: block; position: absolute; right: -21px; width: 0px; top: 2px;
height: 0px;
border-style: solid;
border-width: 6px 0 6px 12px;
border-color: transparent transparent transparent #007bff;}

nav a.nav.next.disabled:before {border-color: transparent transparent transparent #888;}
nav a.nav.next.disabled:after {border-color: transparent transparent transparent #999;}

nav a.nav.previous:before {content: ""; display: block; position: absolute; left: -25px; width: 0px; top: -1px;
height: 0px;
border-style: solid;
border-width: 9px 18px 9px 0;
border-color: transparent black transparent transparent;}
nav a.nav.previous:after {content: ""; display: block; position: absolute; left: -21px; width: 0px; top: 2px;
height: 0px;
border-style: solid;
border-width: 6px 12px 6px 0;
border-color: transparent #007bff transparent transparent;}

nav a.nav.previous.disabled:before {border-color: transparent #888  transparent transparent;}
nav a.nav.previous.disabled:after {border-color: transparent #999 transparent transparent;}