/*** CSS for Default visualNav HTML ***/
/* side menu with visualNav */
#sidemenu             { border-radius: 5px; text-align: center; top: 0px; bottom: 0px; left: 0px; line-height: 1.2; background : #6E6E6E; width: 310px; z-index: 10; padding: 1px 1px 5px 10px; }

#sidemenu ul          { list-style-type: none; margin: 0; padding: 0; top: 86px; bottom: 35px; }
#sidemenu li          { margin: 0px; padding: 0px; width: 308px; text-align: left; border: transparent 1px solid; }
#sidemenu a           { text-decoration: none; color: #fff; }
#sidemenu a:hover     { color: #fff; }

#sidemenu .selected   { border-radius: 5px; background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 1%, #FDB931 1%, #9f7928 100%, #8A6E2F 70%, transparent 88%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 0%, #D1B464 25%, #5d4a1f 70%, #5d4a1f 0%); }
#sidemenu .inView     { border-radius: 5px; border-color: #fff; }

#sidemenu hr                  { border: #555 1px solid; }
#sidemenu .external a         { color: #aaa; }
#sidemenu .external a:hover   { color: #fff; }
#sidemenu .external a.current { color: #555; pointer-events: none; cursor: default; }
/* main content header & wrapper */

/*** Demos ***/
body               { background: #ffffff; color: #000000; }
a:link             { color: #0000FF; }
a:hover            { color: #000; }
a:visited,a:active { color: #0000FF; }

/* demo content */
.content h2        { margin: 5px 5px 20px 5px; }
/* .content br        { clear: both; } */
.content li        { padding-right: 25px; }

/* external links */
.visualNav,
.visualNav a       { font-size: .9em; }

.right             { float: right; padding: 5px 8px; }
.right a, .left a  { font-size: 12px; padding: 0 10px; }
.left img          { float: left; margin-right: 10px; }
.left p            { padding-left: 5px; }

/* footer */
#footer            { height: 50px; padding: 10px; margin-top: 20px; text-align: center; font-size: 0.8em; clear: both; }
.spacer            { height: 100px; }

/*** Horizontal demo ***/

body#horiz          {  } /* you may need to adjust this to get all of the content in one line */

#horiz .content:last-child { margin-right: 0; }
#horiz #footer      { position: fixed; bottom: 0; margin: 0; padding: 5px; width: 100%; height: 20px; overflow: hidden; }

/*** stepper ***/

body#stepper       { background: #fff; color: #222; font: 12px/20px Helvetica, Arial, sans-serif; }
#stepper a:link    { color: #730; }
#stepper a:hover   { color: #777; }
#stepper #header   { width: 1000px; height: 50px; padding: 10px; margin: 0 auto; }
#stepper #footer   { background: #dedede; font-size: 14px; }

p, ul              { margin: 0; padding: 0; }
p                  { margin-bottom: 15px; }
#nav               { left: 20px; list-style: none; position: fixed; top: 20px; }
#nav li            { margin-bottom: 2px; }
#nav a             { background: #ededed; color: #666; display: block; font-size: 11px; padding: 5px 10px; text-decoration: none; text-transform: uppercase; }
#nav a:hover       { background: #dedede; }
#nav .current a    { background: #666; color: #ededed; }
#stepper .current  { background: #eee; }
#nav .first        { position: relative; top: 0; left: 0; }


#container         { margin: 0 auto; width: 1000px; }
.section           { border-bottom: 5px solid #ccc; padding: 25px; }
.section h3        { margin-top: 0; }
.hilight           { color: #a60; }
.section p:last-child { margin-bottom: 0; }

#nav .external a         { color: #730; }
#nav .external-horiz a   { display: inline-block; text-align: center; }
#nav .external a.current { color: #333; background: #dedede; pointer-events: none; cursor: default; }

/* Bootstrap */
.navbar .external-horiz a { display: inline-block; text-align: center; padding: 10px 5px; }
.navbar .external-horiz a.current  { color: #555; pointer-events: none; cursor: default; }