body.nextgen { 
    font-family: sans,sans-serif; font-size: 18px;
    margin-left: 0px; width: inherit; margin-right: 0px;}
div#SBOOKSHEAD {
    text-align: center;
    font-size: 3em; color: orange; font-weight: bold;
    margin-bottom: 1.5ex;}
div#SBOOKSHEAD div.subtitle {
   font-size: 15px; color: silver; font-style: italic;}
p { margin: 3px; padding: 3px; line-height: 150%;}
div.items p.item { 
  margin: 0px; padding 1px; margin-left: 6em; text-indent: -3em; }	
div.items p.item strong { 
  font-style: italic; font-size: 110%;
  color: orange;}
a { text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
em { } /* color: orangered; */

div.tabs {
  text-align: left; font-size: 150%; 
  margin-left: 175px; font-weight: bold;}
div.tabs span.head { 
  position: absolute; left: 0px; width: 160px; text-align: right;
  font-size: 110%; font-style: italic;}
div.tabcontent {
  margin-left: 175px; margin-right: 10px; text-align: left;
  padding-top: 5px;}
body.fbembed div.tabcontent {
  margin-left: 5px; margin-right: 5px; text-align: left;}
div.tabcontent div.tabcontent#BOOKS {
  margin-left: 0px; margin-right: 10px; text-align: left;}

form p { text-align: left;}
form input[TYPE='TEXT'] { width: 100%;}
form textarea { width: 100%;}
h2 {text-align: right; font-size: 24px;}
form#USPTOFORM input[TYPE='TEXT'] { width: 9em;}


div.tabcontent#ABOUT { width: 40em;}
div.tabcontent#ABOUT blockquote { 
  padding 0px; margin: 0px;
  text-align: center; color: orange;
  font-size: 125%; font-style: italic;}

div.tabcontent h3 { 
  text-align: right; font-variant: small-caps;
  margin-left: 15%; margin-right: 15%;}
div.tabcontent div.doclist { 
  min-width: 40em; width: 60%; margin-left: auto; margin-right: auto;}
div.tabcontent div.doclist div.docentry { 
  margin-left: 3em;}
div.tabcontent div.doclist div.docentry li { 
  font-size: 80%; margin-left: 3em;}

div.sidebar {
  position: absolute; left: 0px; width: 160px;}
div.tabcontent#ABOUT div.sidebar blockquote {
  margin-bottom: 12px; padding-bottom: 6px; 
  border-bottom: solid black 2px;}
div.sidebar a { 
  display: block; text-align: center; width: 160px;
  margin-top: 3px; margin-bottom: 5px;}

div.tabcontent ul { margin-top: 0px;}

div.tabs#SBOOKMAJORTABS .tab {
  -khtml-bottom-left-border-radius: 8px; 
  -webkit-bottom-left-border-radius: 8px; 
  -moz-border-radius-bottomleft: 8px; 
  border-bottom-left-radius: 8px;
  -khtml-bottom-right-border-radius: 8px; 
  -webkit-bottom-right-border-radius: 8px; 
  -moz-border-radius-bottomright: 8px; 
  border-bottom-right-radius: 8px;}

div.minortabs.tabs .tab {
  padding-right: 1em; padding-left: 1em;
  -khtml-top-left-border-radius: 8px; 
  -webkit-top-left-border-radius: 8px; 
  -moz-border-radius-topleft: 8px; 
  border-top-left-radius: 8px;
  -khtml-top-right-border-radius: 8px; 
  -webkit-top-right-border-radius: 8px; 
  -moz-border-radius-topright: 8px; 
  border-top-right-radius: 8px;}
div.minortabs.tabs .tab { 
  vertical-align: bottom;
  border: solid black 2px;}
div.minortabs.tabs .tab[shown] { 
  border-bottom: none;}


body.sbookshome { 
  background-color: ivory;		
  width: inherit; font-family: sans,sans-serif;}
body.sbookshome a { color: darkblue; text-decoration: none;}
body.sbookshome a:visited { color: darkblue;}
body.sbookshome a.tab { color: inherit; }
body.sbookshome a.tab:visited { color: inherit;}
body.sbookshome a:hover { text-decoration: underline;}
body.sbookshome a.tab:hover { text-decoration: underline;}
body.sbookshome div.apphead { clear: both; text-align: center; width: 100%;}
body.sbookshome div.logoblock { float: right; text-align: right;}
body.sbookshome div.logoblock.left { float: left; text-align: left;}
body.sbookshome div.logoblock img { 
  width: 75px; border: none; vertical-align: top;}
body.sbookshome div.logoblock.left img { padding-right: 3px;}
body.sbookshome div.logoblock span { 
  vertical-align: top; color: orange; font-weight: bold;}
body.sbookshome div.tabs { 
  vertical-align: top; margin-left: 5%;
  margin-bottom: 36px;}
body.sbookshome div.tabs#SBOOKMAJORTABS .tab { 
  vertical-align: top;
  border: solid blue 4px; border-top: none;}
body.sbookshome div.tabs .tab[shown] { 
  font-size: 150%;}
body.sbookshome div.tabs a:hover { text-decoration: underline;}
body.sbookshome div.tabs a:visited { color: inherit;}
body.sbookshome div#SBOOKSHEAD {
    text-align: center; margin-left: 100px; margin-right: 100px;
    font-size: 2.5em; color: orange; font-weight: bold;
    margin-bottom: 6px;}
body.sbookshome div.tabcontent { 
  margin-top: 16px; padding-top: 4px; padding-bottom: 16px;
  /* background-color: lightblue; */
  margin-left: 10%; margin-right: 10%;}
body.fbembed.sbookshome div.tabcontent { 
  margin-top: 16px; padding-top: 4px; padding-bottom: 16px;
  /* background-color: lightblue; */
  margin-left: 1%; margin-right: 1%;}
body.sbookshome p { 
  max-width: 40em; margin-left: auto; margin-right: auto;}
body.sbookshome li { 
  max-width: 40em; margin-left: auto; margin-right: auto;}
body.sbookshome div.items { 
  width: 40em; margin-left: auto; margin-right: auto;}
body.sbookshome div.tabs { 
  font-size: 14px; font-weight: normal; text-align: center;
  margin-left: 0px; margin-right: 0px;}
body.sbookshome div.tabs .tab { 
  border-color: blue;}
body.sbookshome div.tabcontent div.tabcontent {
  padding: 0px; margin: 0px; text-align: left;
  padding-top: 5px;}
body.sbookshome div.tabcontent form {
  margin-left: 5%; margin-right: 5%;}
body.sbookshome div#SBOOKSCATALOG div.tabcontent {
  border: blue solid; margin-top: 12px;
  border-width: 0px 3px 0px 3px;
  margin-left: 1%; margin-right: 1%;
  padding-left: 2%; padding-right: 2%;
  padding-bottom: 5ex;}
body.sbookshome div#SBOOKSCATALOG div.tabcontent p {
  margin-left: 1em; margin-right: auto;}

body.sbookshome span.tab,a.tab {
    padding-right: 1em; padding-left: 1em;
    margin-right: .5em; margin-left: .5em;}
body.sbookshome div.tabs .tab[shown] { 
  font-size: 150%;}

body.sbookshome table.preferences th { 
  text-align: right; vertical-align: top;}
body.sbookshome table.preferences td { 
  text-align: left; vertical-align: top;}
body.sbookshome table.preferences td input[TYPE='text'] { 
  width: 100%;}
body.sbookshome table.preferences td textarea { 
  width: 100%;}
body.sbookshome table.preferences img#MYPIC { width: 50px; height: 50px;}
body.sbookshome table.preferences input[TYPE='TEXT'][NAME='OPENIDS'] {
  background-image: url(http://static.beingmeta.com/graphics/openid-login-bg.gif);
  background-position-x: right;
  background-repeat: no-repeat;}
body.sbookshome table.preferences img[ALT='OpenID'] {
  height: 50px;}

body.sbookshome div.tabcontent#SBOOKSETTINGS div.tabcontent {
  margin-left: 15%; margin-right: 15%;}

body.sbookshome div.tabcontent div.echoes {
  margin-left: 5%; margin-right: 5%;}
body.fbembed.sbookshome div.tabcontent div.echoes {
  padding-top: 16px;
  margin-left: 1%; margin-right: 1%;}

body.sbookshome form table { 
  margin: 8px; padding: 8px;}
body.sbookshome form table th { width: 8em; white-space: nowrap;}
body.sbookshome form table td input[NAME='PRICE'] { width: 5em;}

div.underconstruction {
  text-align: center; color: red; background-color: yellow;
  font-size: 36px; font-weight: bold;}

form.shareform textarea { width: 100%; height: 24px; font-family: sans,sans-serif;}
form.shareform textarea:focus { width: 100%; height: 72px;}
img.suppress { vertical-align: middle;}

body.sbookshome a.tab { font-weight: normal; }
body.sbookshome .tab img {
    border: none; 
    padding-top: 0px; padding-bottom: 0px;
    margin-top: 0px; margin-bottom: 0px;}
body.sbookshome a.textbutton { color: purple; }
body.sbookshome a.textbutton:visited { color: purple; }
body.sbookshome a.textbutton:hover { color: purple; }
body.sbookshome img.redx { color: red; border: 0px;}

table.login {}
table.login th {text-align: right; vertical-align: top;}
table.login td {text-align: left; vertical-align: top;}
table.login BUTTON { padding: 1px;}
table.login td BUTTON { padding: 1px; }
table.login td BUTTON img { height: 32px;}
table.login td input[TYPE='TEXT'] { }
table.login td input[TYPE='TEXT'][NAME='USERNAME'] { }
table.login td input[TYPE='TEXT'][NAME='LOCALNAME'] { 
  width: 50%; min-width: 20em;}
table.login td input[TYPE='PASSWORD'][NAME='LOCALPASS'] { 
  width: 50%; min-width: 20em;}
table.login td input[TYPE='TEXT'][NAME='OPENID'] {
  width: 100%;}
table.login td div.doc {
    display: none; font-style: italic; color: purple;}
table.login img.helpicon {
  float: left; background-color: red; color: yellow;}
table.login tr td { border-bottom: transparent solid 24px;}
table.login tr th { border-bottom: transparent solid 24px;}
table.login tr.nospace td { border-bottom: 0px;}
table.login tr.nospace th { border-bottom: 0px;}
table.login a img { border: none;}
table.login td.siteicons { vertical-align: top;}
table.login td.siteicons img { vertical-align: top; }

div.book { }
div.tabcontent#BOOKS div.book {font-size: 80%; margin-bottom: 8px;}
div.book span.price { float: right; color: green;}
div.book span.count { 
  float: right; font-size: 80%; background-color: yellow;
  padding: 1px; border: solid blue 1px;
  -khtml-border-radius: 8px; 
  -webkit-border-radius: 8px; 
  -moz-border-radius: 8px; 
  border-radius: 8px;}
span.user span.count { float: none;}
div.book a { font-weight: normal;}
div.book .alternates:before { content: " // "; margin-right: 6px;}
div.book .alternates { margin-left: 6px; }
div.book .alternates a { font-style: italic; }
div.book .alternates .head { font-size: 80%; }
div.book div.head { font-size: 125%; font-weight: normal;}
div.book div.head span.title { font-weight: bold;}
div.book div.head span.author { font-style: italic;}
div.book span.head { font-weight: bold;}
div.book div.block { margin-left: 2em;}

form.addcircle table { width: 100%;}
form.addmetadoc table { width: 100%;}

div.message { font-size: 150%; text-align: center; margin-bottom: 2ex; margin-top: 1ex;}

table.form th {text-align: right; vertical-align: top;}
table.form td {text-align: left; vertical-align: top;}
table.form td input[TYPE='TEXT'] {width: 100%;}
table.form td textarea {width: 100%;}

div.loginmsg {
  font-size: 200%; color: red; text-align: center;}
div.logindoc {
  margin-top: 12px; margin-left: 15%; margin-right: 15%;}
div.logindoc p { }

div.createnew { 
  text-align: center; font-size: 150%;
  border-bottom: solid darkblue 2px;
  margin-bottom: 2ex; margin-top: 1ex;}

form.newmeta {}
form.newmeta span.price { float: right;}
form.newmeta span.price input[TYPE='TEXT'] { width: 6em;}
form.newmeta select[NAME='REFURI'] { width: 100%;}
form.newmeta div.docblock { background-color: silver;}
form.newmeta th.blockhead { text-align: left; border-top: solid 3px purple;}

form.fullwidth { width: 100%;}
form.fullwidth table { width: 100%;}

div.circle div.head { font-size: 110%;}
div.circle div.head span.name { font-size: 150%; font-weight: bold;}
div.circle div.head span.stats { font-style: italic;}
div.circle div.about { 
  font-size: 125%; font-style: italic;
  padding: 4px; border-top: solid black 2px; border-bottom: solid black 2px;
  margin-top: 3px; margin-bottom: 3px;
  margin-left: 3em;}
div.circle p { margin-left: 3em;} 
div.circle div.book { margin-left: 3em;} 
div.circle form.invite { margin-left: 1em; margin-right: 0px;}
div.tabcontent div.circle form.invite { margin-left: 1em; margin-right: 0px;}
div.circle form.invite input[TYPE='TEXT'][NAME='INVITE'] { width: 17em; }
div.circle form.invite span.checkspan { float: right;}

div.metadoc div.head { font-size: 110%;}
div.metadoc div.head span.name { font-size: 150%; font-weight: bold;}
div.metadoc div.head span.stats { font-style: italic;}
div.metadoc div.about { 
  font-size: 125%; font-style: italic;
  padding: 4px; border-top: solid black 2px; border-bottom: solid black 2px;
  margin-top: 3px; margin-bottom: 3px;
  margin-left: 3em;}
div.metadoc p { margin-left: 3em;} 
div.metadoc div.book { margin-left: 3em;} 
div.metadoc form.invite { margin-left: 1em; margin-right: 0px;}
div.tabcontent div.metadoc form.invite { margin-left: 1em; margin-right: 0px;}
div.metadoc form.invite input[TYPE='TEXT'][NAME='EMAIL'] { width: 17em; }
div.metadoc form.invite span.checkspan { float: right;}

div.invitation p { margin-left: 7%; max-width: 40em; margin-right: auto;}
div.invitation p:first-child { margin-left: 5%; font-size: 150%;}
div.invitation div.metadoc,div.circle { 
  margin-top: 12px;
  margin-left: 5%; max-width: 50em; margin-right: auto;}

a.acceptinvite { 
  font-size: 150%; text-variant: small-caps; 
  background-color: silver; padding: 2px; border: solid darkblue 2px;
  -khtml-border-radius: 8px; 
  -webkit-border-radius: 8px; 
  -moz-border-radius: 8px; 
  border-radius: 8px;}


div.bybook div.book {  
  font-size: 125%; color: purple; border-bottom: solid purple 2px;
  margin-bottom: 1ex;}
div.bybook div.circle { margin-left: 3em;}
div.bybook div.metadoc { margin-left: 3em;}