/*** CSS for Default visualNav HTML ***/
/* side menu with visualNav */
#sidemenu1             { position: fixed; top: 140px; left: 30px; background: #f9f9f9; -webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 3px, rgba(0, 0, 0, 0.0976562) 0px -1px 5px inset; -moz-border-radius: 4px 4px 4px 4px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 -1px 5px rgba(0, 0, 0, 0.1) inset; width: 130px; border-radius: 4px 4px; opacity:0.667}
#sidemenu1:hover       { opacity:1.0; }
#sidemenu1 ul          { list-style-type: none; margin: 0; padding: 0; }
#sidemenu1 li          { margin: 5px; padding: 5px; width: 100px; text-align: center; border: transparent 1px solid; }
#sidemenu1 a           { text-decoration: none; font-weight:bold; font-family: Helvetica, Arial, sans-serif; color: #586A6B; }
#sidemenu1 a:hover     { color: #C15200; }
#sidemenu1 button.ui-button      { font-size:11px; width:100px; margin-left:10px; }
#sidemenu1 li.selected { background: #DCE3DC; } /* C9D0C9 */
#sidemenu1 li.inView   { border-color: #C9D0C9; }
#sidemenu1 p			  { text-align:center; color:#999 }

#sidemenu2             { position: fixed; top: 200px; left: 30px; background: #f9f9f9; -webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 3px, rgba(0, 0, 0, 0.0976562) 0px -1px 5px inset; -moz-border-radius: 4px 4px 4px 4px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 -1px 5px rgba(0, 0, 0, 0.1) inset; width: 130px; border-radius: 4px 4px }
#sidemenu2 ul          { list-style-type: none; margin: 0; padding: 0; }
#sidemenu2 li          { margin: 5px; padding: 5px; width: 100px; text-align: left; border: transparent 1px solid; }
#sidemenu2 a           { text-decoration: none; font-weight:bold; font-family: Helvetica, Arial, sans-serif; color: #586A6B; }
#sidemenu2 a:hover     { color: #C15200; }
#sidemenu2 button.ui-button      { font-size:11px; width:100px; margin-left:10px; }
#sidemenu2 li.selected { background: #DCE3DC; } /* C9D0C9 */
#sidemenu2 li.inView   { border-color: #C9D0C9; }
#sidemenu2 p			  { text-align:center; color:#999 }

/*#saveappbtn			  { margin-top:5px }*/
#saveappbtn1 .ui-button, #saveappbtn1 .ui-button-text { display: block; line-height: 1.2; font-size: 12px; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
#saveappbtn2 .ui-button, #saveappbtn2 .ui-button-text { display: block; line-height: 1.2; font-size: 12px; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }


/* main content header & wrapper */
.content              { min-width: 500px; background: #363636; border: #555 1px solid; margin: 10px 20px 50px 170px; padding: 10px 20px; }

/*** Demo ***/
body               { background: #333; color: #ddd; }
a:link             { color: #fc0; }
a:hover            { color: #fff; }
a:visited,a:active { color: #f80; }

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

.links             { font-size: .8em; }

.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; background: #444; text-align: center; font-size: 0.8em; }
.spacer            { height: 100px; }