.course-btn{border: 0; background-color: transparent; outline: none;}
/* Use visibility instead of display to retain the width so button position does NOT shift when moving from splash page to other page. */
.course-btn.active *{visibility: visible; }
.course-btn[disabled=disabled],
.course-btn.inactive *{ visibility: hidden;}
#nav-bar{ line-height:0; color: white; text-align: center; background: #383838}
#nav-bar ul{ display: inline-block; margin-bottom: 0; padding-left: 0; }
#nav-bar li{ display: inline; }
#nav-bar .course-btn,
#nav-bar li a{ display: block; float: left; height: 40px; margin: 0; padding: 13px 10px ;color: white; text-decoration: none; border-right: 1px solid #ffffff; text-align: center; font-size: 13px; font-weight: bold; line-height: normal;}
#nav-bar li a .glyphicon{ margin: 0 auto;}
/*#nav-bar li:last-child > a{ border-right: 1px solid #ffffff; background: url('../img/nav_vertical_line_light_blue.gif') right repeat-y;}*/
#nav-bar li:last-child > a:hover{ background-color: #aeca8a;}
#nav-bar li:first-child > a{ border-left: 1px solid #ffffff; }

#nav-bar .course-btn:hover,
#nav-bar a:hover{ background: #aeca8a; }
#nav-bar a:focus{ outline: 2px dotted #ed960f;}
#nav-bar a.disabled,
#nav-bar .disabled a,
#nav-bar .disabled a:hover{ background: none; color: #777777; cursor: default;}
#btn-menu a {width: 73px; }
#btn-menu.active a {background: #aeca8a;}
#btn-help a { width: 70px; }
#nav-bar #btn-restart a {padding: 10px 13px 0; top: 0;}
/*#txt-blank p {width: 240px; text-align: center;}*/
/*#txt-warning p {width: 240px; padding-top: 13px; text-align: center; font-style: oblique; font-weight: normal;}*/

#nav-bar .nav-control{float: right; border-left: 1px solid #14324a;}
#nav-bar .nav-control a{ width: 90px;}

/* Overide glypicon */
#nav-bar .glyphicon:before {content: " ";}

#nav-bar li a.glyphicon-repeat {width: 40px; background: url(../img/replay_btn.gif) center no-repeat;}