/*																																				*/
/*BODY*/

html {
  max-width: 1400px;
  position: relative;
  margin: 0 auto;
}

body {
  margin: 0;
  padding: 0;
  background-color: white;
  /*background-color: #D3E1ED;*/
  font-size: 100%;
}

/*COMMON*/

* {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
}

input[type="button"] {
  padding: 0 .2em;
}

input[type="button"].small {
  padding: 0 .2em;
  margin: 0;
}
div.editprofile input[type="button"].small {
  padding: 0 .2em;
  margin: 0;
}

input[type="submit"] {
  padding: .2em .4em;
}

li {
  margin-left: 1.4em;
}

/*HEAD & PLACEMENT*/

div#head {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 119px;
  background: #A0C2E3 url("/design/headsky.jpg") 328px 0px;
  overflow: hidden;
}

div#head p {
  background: url("/design/headleft.jpg") no-repeat left top;
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
}

div#head h1.prim {
  position: relative;
  z-index: 101;
  padding: 25px 10px 0 0;

  font: bold italic 1.8em arial, sans-serif;
  text-align: right;
  /*white-space: pre;*/
  color: #234D75;
}

div#head h1.sub {
  position: relative;
  z-index: 101;
  padding: 0 10px 0 250px;

  font: bold italic 1.5em arial, sans-serif;
  text-align: right;
  color: #234D75;
}

div#menu {
  position: absolute;
  top: 119px;
  left: 0px;
  width: 30%;
  min-width: 180px;
}

div#primary {
  position: relative;
  padding: 170px 0 234px 28%;
}

div#footer {
  position: relative;
  height: 120px;
  z-index: 98;
}

#topline {
  background: url("/design/mline_vd.gif");
  position: absolute;
  left: 30%;
  right: 0;
  top: 119px;
  height: 20px;
  /*z-index: -2;*/
  z-index: 1;
}

p.toplinelink {
  text-align: right;
  font: normal .8em Arial;
  margin-right: .5em;
}

#bottomimage {
  background: url("/design/pagedown1.jpg") no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 321px;
  height: 234px;
  z-index: 0;
}

/*																																				*/
/*FOOTER*/

/*FOOTER: decor*/

div#footer .lineu {
  background: #A0C2E3 url("/design/mline_vu.gif") repeat-x;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 20px;
}
div#footer .lined {
  background: #A0C2E3 url("/design/mline_vd.gif") repeat-x;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20px;
}

/*FOOTER: content*/

div#footer div.content {
  background: #A0C2E3;
  padding: 20px .5em 40px;
  text-align: right;
  height: 40px;
}

/*																																				*/
/*MENU*/

div#menu div.menu-items {
  position: relative;
  min-width: 100px;
  min-height: 80px;
  margin: 0 60px 20px 0;
  background: #A0C2E3;
  z-index: 101;
}

/*MENU: decor*/

div#menu .d0 {
  background: url("/design/mline_vd.gif") repeat-x;
  position: absolute;
  left: 0;
  right: 80px;
  bottom: 0;
  height: 20px;
}

div#menu .d1 {
  background: url("/design/mline_h.gif") repeat-y;
  position: absolute;
  right: 30px;
  top: 50px;
  bottom: 50px;
  width: 20px;
  z-index: 101;
}

div#menu .d2 {
  background: #A0C2E3;
  position: absolute;
  right: 50px;
  top: 0px;
  bottom: 50px;
  width: 30px;
  z-index: 99;
}

div#menu .d3 {
  background: url("/design/mcor_in.png") no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  z-index: 99;
}

div#menu .d4 {
  background: url("/design/mcor_out.png") no-repeat;
  position: absolute;
  right: 30px;
  bottom: 0;
  width: 50px;
  height: 50px;
  z-index: 99;
}

/*MENU: links*/

div#menu a {
  font-family: Verdana, sans-serif;
  text-decoration: none;
  display: block;
  padding-left: .3em;
  width: 100%;
}

/*MENU: links: all levels*/

div#menu a.l1-sel, div#menu a.l2-sel, div#menu a.l3-sel, div#menu a.l4-sel {
  font-weight: bold;
  border-bottom: .12em solid #dde;
  color: #EDF4FB;
  background-color: #7EAEDA;
}

div#menu a.l1, div#menu a.l2, div#menu a.l3, div#menu a.l4 {
  color: #234D75;
}

div#menu .spacer + a {
  /*border-top: .12em solid #dde;*/
}

div#menu a.l1:visited:after, div#menu a.l2:visited:after,
div#menu a.l3:visited:after, div#menu a.l4:visited:after,
div#menu a.l1-sel:visited:after, div#menu a.l2-sel:visited:after,
div#menu a.l3-sel:visited:after, div#menu a.l4-sel:visited:after {
  /*content: " \2713";*/ /*check mark*/
}

div#menu a.l1:hover, div#menu a.l1:active,
div#menu a.l2:hover, div#menu a.l2:active,
div#menu a.l3:hover, div#menu a.l3:active,
div#menu a.l4:hover, div#menu a.l4:active {
  background-color: #8EB8E0;
}
div#menu a.l1-sel:hover, div#menu a.l1-sel:active,
div#menu a.l2-sel:hover, div#menu a.l2-sel:active,
div#menu a.l3-sel:hover, div#menu a.l3-sel:active,
div#menu a.l4-sel:hover, div#menu a.l4-sel:active {
  background-color: #72A6D6;
}

/*MENU: links: level 1*/

div#menu a.l1, div#menu a.l1-sel {
  font-size: .8em;
  padding: .15em 0 .15em 10px;
}

/*MENU: links: level 2*/

div#menu a.l2, div#menu a.l2-sel {
  font-size: .8em;
  border-left: .12em solid #dde;
  position: relative;
  left: 10%;
  width: 90%;
}

/*MENU: links: level 3*/

div#menu a.l3, div#menu a.l3-sel {
  font-size: .75em;
  border-left: .12em solid #dde;
  position: relative;
  left: 20%;
  width: 80%;
}

/*MENU: links: level 4*/

div#menu a.l4, div#menu a.l4-sel {
  font-size: .75em;
  border-left: .12em solid #dde;
  position: relative;
  left: 30%;
  width: 70%;
}

/*MENU: links: spacer*/

div#menu .spacer {
  height: .7em;
}

/*																																				*/
/*CONTENT*/

input.txtin, td.txtin {
  width: 100%;
}

select.smalldrop, input.smalltxt {
  width: 200px;
}

span.chk:hover {
  text-decoration: underline;
}

/*CONTENT: pagination*/
div.pagination {
  text-align: center;
  margin: .5em 0 1em;
  color: #666;
  font: .8em Verdana, sans-serif;
}

div.pagination a:hover {
  text-decoration: overline underline;
}

div.pagination .current {
  color: #226;
  font-weight: bold;
  position: relative;
  top: .3em;
}
/*																																				*/
/*COMMENTS*/

div.comments {
  background: #f9f9ff;
  width: 95%;
  max-width: 900px;
  margin: 0 auto;
  padding: .125em .5em;
  border: 1px solid #f1f1fe;
}

/*COMMENTS: comment*/

div.comments div.comment {
  padding: .5em;
  margin: .5em 0;
  min-height: 150px;
}
div.comments div.comment div.text div.comment {
  min-height: 0;
  padding: 0;
}
div.comments div.comment.c1 {
  background-color: #f1f1fe;
  border: 1px solid #dadafc;
}
div.comments div.comment.c2 {
  background-color: #e6e6fe;
  border: 1px solid #cecefe;
}

/*COMMENTS: title: shadow*/

div.comments div.comment div.title {
  float: left;
  clear: both;
  width: 120px;
  position: relative;
  left: -.2em; top: -.2em;
  margin-right: .3em;
  font: normal .75em/120% Verdana, sans-serif;
  font-size-adjust: .58;
}
div.comments div.comment div.title.t1 {
  background-color: #d8d8fe;
}
div.comments div.comment div.title.t2 {
  background-color: #cacafe;
}

/*COMMENTS: title: text*/

div.comments div.comment div.title div {
  position: relative;
  left: -.2em; top: -.2em;
  padding: .5em;
  margin: 0;
  overflow: hidden;
}
div.comments div.comment div.title.t1 div {
  background-color: #e6e6fe;
  border: 1px solid #d8d8fe;
}
div.comments div.comment div.title.t2 div {
  background-color: #d8d8fe;
  border: 1px solid #cacafe;
}

div.comments div.comment div.title .nick {
  font: bold 1.1em/100% Verdana, sans-serif;
}

div.comments div.comment div.title .date {
  font: .9em/100% Verdana, sans-serif;
}
div.comments div.comment .editdate {
  font: .6em/100% Verdana, sans-serif;
  color: gray;
  text-align: right;
  margin: 1em 0;
}

/*COMMENTS: text*/

div.comments div.comment p {
  /*margin: 1.33em 0;*/
}

div.comment div.text {
  font: .95em Georgia, serif;
  /*font: .8em Verdana, sans-serif;*/
  /*font: .95em Arial, sans-serif;*/
  /*font: 1em Times New Roman, serif;*/
}
div.comment div.text div.comment div.text {
  font-size: 1em;
}

div.comment div.signature {
  font: italic .7em georgia, serif;
}

/*COMMENTS: text: bbcode*/

div.comment span.u, div.html span.u {
  text-decoration: underline;
}

div.comment span.c, div.html span.c {
  letter-spacing: 1ex;
}

div.comment span.sm, div.html span.sm {
  font-size: .8em;
}

div.comment span.mod {
  font-weight: bold;
  color: red;
}

div.comment div.indent {
  margin-left: 3em;
}

div.comment blockquote {
  background: lightskyblue;
  border: 1px blue solid;
  padding: .2em;
}

div.comment code, div.html code {
  white-space: pre;
  font-family: Consolas, "Courier New", monospace;
}
div.html code.wrap {
  white-space: normal;
}

div.comment img {
  max-width: 100%;
}

div.comment div.left, div.html div.left {
  text-align: left;
}

div.comment div.right, div.html div.right {
  text-align: right;
}

div.comment div.center, div.html div.center {
  text-align: center;
}

div.comment .float {
  float: left;
  margin: .2em;
}

div.comment .floatr {
  float: right;
  margin: .2em;
}

div.comment a.hiddentitle {
  /*color: blue;
  text-decoration: none;*/
}
div.comment a.hiddentitle:hover {
  /*text-decoration: underline;*/
}

/*COMMENTS: menu*/

div.comments div.comment div.menu a {
  font: .85em Verdana, sans-serif;
  text-decoration: none;
}
div.comments div.comment div.menu a:hover {
  text-decoration: underline;
}

/*COMMENTS: hr*/

div.comments div.comment hr {
  background-color: #9DA6FF;
  height: 1px;
  border: none;
  margin: .3em 0;
}

/*																																				*/
/*ADD COMMENT*/

div.addcomment {
  margin: .5em auto 0;
  max-width: 900px;
}
div.comment div.text div.addcomment {
  margin: 0;
}

div.addcomment td {
  text-align: right;
  vertical-align: top;
  padding: .2em;
}

td.allwidth {
  width: 100%;
}

td.allwidth input[type="text"],
td.allwidth input[type="file"],
td.allwidth input[type="password"],
td.allwidth select,
td.allwidth textarea,
td.halfwidth input[type="text"],
td.halfwidth input[type="file"],
td.halfwidth input[type="password"],
td.halfwidth select,
td.halfwidth textarea {
  width: 100%;
}

td.allwidth input.halfwidth,
td.allwidth select.halfwidth {
  width: 50%;
}

td.allwidth input.widthlong,
td.allwidth select.widthlong {
  width: 86%;
}

td.allwidth input.widthshort,
td.allwidth select.widthshort {
  width: 14%;
}

td.allwidth input[type="text"] + input[type="text"],
td.allwidth textarea + textarea,
td.allwidth select + select,
td.allwidth input[type="text"] + select {
  margin-top: 1px;
}

div.addcomment input[type="button"] {
  padding: .2em .4em;
}

/*																																				*/
/*MESSAGE BOX*/
div.cursors p.message {
  text-align: center;
  margin-top: 1em;
}

div.cursors div.qstbuttons {
  text-align: center;
  margin-top: 1em;
}

div.cursors div.qstbuttons input[type="submit"] {
  padding: .2em .4em;
  min-width: 6em;
}

/*																																				*/
/*PREVIEW BOX*/
div.cmtpreviewcont {
  background: #f9f9ff;
  width: 95%;
  max-width: 900px;
  margin: 0 auto;
  padding: .125em .5em;
  border: 1px solid #f1f1fe;
}

div.cmtpreview {
  /*padding: .5em;
  margin: .5em 0;
  -font: 1em georgia, serif;
  font: 2em georgia, serif;

  background-color: #f1f1fe;
  border: 1px solid #dadafc;*/
}
div.cmtpreviewcont div.cmtpreview {
  /*-font: .95em georgia, serif;
  font: .5em georgia, serif;*/
}

.cmtpreviewtitle {
  font: bold .9em Verdana, sans-serif;
  margin: .6em 0;
}

div.htmlpreview {
  background: #f9f9ff;
  width: 96%;
  max-width: 900px;
  margin: 0 auto;
  padding: .125em .5em;
  border: 1px solid #d0d0f4;
  margin-bottom: .25em;
}

/*																																				*/
/*CURSORS*/

div.cursors {
  max-width: 700px;
  margin: 0 auto;
}

/*CURSORS: rows*/
div.cursors div.row-top {
  position: relative;
  min-height: 35px;
}
div.cursors div.row-content {
  position: relative;
  min-height: 0;
}
div.cursors div.row-mid {
  position: relative;
  min-height: 122px;
}
div.cursors div.row-bottom {
  position: relative;
  height: 53px;
}

/*CURSORS: decor: corners*/

div.cursors .cul {
  background: url("/design/cursors/CornerUL.png") no-repeat;
  position: absolute;
  left: 42px; top: 0;
  width: 35px; height: 35px;
}
div.cursors .cur {
  background: url("/design/cursors/CornerUR.png") no-repeat;
  position: absolute;
  right: 28px; top: 0;
  width: 49px; height: 35px;
}
div.cursors .cdl {
  background: url("/design/cursors/CornerDL.png") no-repeat;
  position: absolute;
  left: 42px; bottom: 0;
  width: 35px; height: 53px;
}
div.cursors .cdr {
  background: url("/design/cursors/CornerDR.png") no-repeat;
  position: absolute;
  right: 28px; bottom: 0;
  width: 49px; height: 53px;
}

/*CURSORS: decor: borders*/

div.cursors .bu {
  background: #80A2C3 url("/design/cursors/BorderU.png") repeat-x;
  position: absolute;
  left: 77px; right: 77px;
  top: 0;
  height: 35px;
}
div.cursors div.row-mid .bu {
  top: 87px;
}
div.cursors .bl1 {
  background: url("/design/cursors/Border1L.png") repeat-y;
  position: absolute;
  left: 42px;
  top: 35px; bottom: 0;
  width: 35px;
}
div.cursors div.row-mid .bl1 {
  top: 122px;
}
div.cursors .br1 {
  background: url("/design/cursors/Border1R.png") repeat-y;
  position: absolute;
  right: 28px;
  top: 35px; bottom: 0;
  width: 49px;
}
div.cursors div.row-mid .br1 {
  top: 122px;
}
div.cursors .bl2 {
  background: url("/design/cursors/Border2L.png") repeat-y;
  position: absolute;
  left: 42px;
  top: 0; bottom: 0;
  width: 35px;
}
div.cursors .br2 {
  background: url("/design/cursors/Border2R.png") repeat-y;
  position: absolute;
  right: 28px;
  top: 0; bottom: 0;
  width: 49px;
}
div.cursors .bd {
  background: url("/design/cursors/BorderD.png") repeat-x;
  position: absolute;
  left: 77px; right: 77px;
  top: 0;
  height: 53px;
}

/*CURSORS: decor: fill*/

div.cursors .f1 {
  background: #80A2C3;
  position: absolute;
  left: 77px; right: 77px;
  top: 35px; bottom: 0;
}
div.cursors div.row-mid .f1 {
  top: 122px;
}
div.cursors .f2 {
  background: #A0C2E3;
  position: absolute;
  left: 77px; right: 77px;
  top: 0; bottom: 0;
}

/*CURSORS: decor: ties*/

div.cursors .tiel {
  background: url("/design/cursors/CursorTieL.png") no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 77px; height: 122px;
}
div.cursors .tier {
  background: url("/design/cursors/CursorTieR.png") no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  width: 77px; height: 122px;
}

/*CURSORS: titles*/

div.cursors .title {
  display: block;
  position: relative;
  padding: 6px 0 .2em;
  margin: 0 77px;
  font: 1.2em Verdana, sans-serif;
  color: #234D75;
  background: #80A2C3 url("/design/cursors/BorderU.png") repeat-x;
  text-align: center;
}
div.cursors div.row-mid .title {
  top: 87px;
  /*padding-top: 93px;*/
}

div.cursors .grouptitle {
  font: bold 1.5em arial, sans-serif;
  color: #126;
  margin: .7em 0 0;
}

/*CURSORS: content*/

div.cursors div.content p {
  font-size: 1em;
}

div.cursors div.content {
  position: relative;
  padding-top: .2em;
  margin: 0 77px;
  font: .8em Verdana, arial, sans-serif;
  color: #126;
  background: #A0C2E3;
  text-align: left;
}

div.cursors div.content p.message {
  font-size: 1.2em;
}

div.cursors div.content h5 {
  padding: .5em 0;
}

div.cursors blockquote {
  margin: 1em 0 1em 3em;
  /*font: italic 1.1em georgia;*/

  font-family: ageorgia, sans-serif;
  /*font-size: 1.1em;*/
  font-style: italic;
  font-size-adjust: .500;
}

div.cursors ul {
  margin: .66em 0;
}

/*CURSORS: content: info table*/

div.cursors div.content table.info {
  width: 100%;
}

div.cursors div.content table.info th {
  text-align: left;
  vertical-align: top;
  font-weight: bold;
  /*width: 30%;*/
  padding-right: .5em;
}

div.cursors div.content table.info td.desc,
div.cursors p.groupdescr {
  vertical-align: top;
  padding: .5em 0 1em;
}
div.cursors div.content table.info td.desc p:first-letter,
div.cursors p.groupdescr:first-letter {
  font-family: "Chance", serif;
  font-weight: bold;
  font-size: 2.4em;
  float: left;
  margin: .3em .1em 0em 0;
}
div.cursors div.content table.info td.desc {
  width: 80%;
}

/*CURSORS: content: image*/

div.cursors img {
  border: 3px inset #A0C2E3;
  display: block;
  margin: .5em auto 0;
  max-width: 100%;
}

div.cursors img.topleftpic {
  margin: .5em .5em .5em 0;
  border: none;
}

/*CURSORS: content: link*/

div.cursors div.link {
  text-align: right;
  margin-top: .5em;
}

div.cursors div.link a {
  font-weight: bold;
  text-decoration: underline;
  white-space: nowrap;
}

/*																																				*/
/*PLAIN HTML: General*/

body > div.html {
  margin: .6em;
}

div.html li {
  margin: 1em 1em 1em 3em;
  list-style-image: url("/design/paw.gif");
}
div.html ul.halfcompact li {
  list-style-image: url("/design/paw2.gif");
}
div.html li li, div.html ul.compact li li, div.html ul.halfcompact li li {
  font-size: 1em;
}
div.html ul.halfcompact ul.halfcompact li {
  list-style-image: url("/design/paw2.gif");
}
div.html ul.compact li, div.html ul.halfcompact ul.compact li {
  list-style-image: none;
}
div.html ul.compact li, div.html ul.halfcompact ul.compact li, div.html ul.halfcompact ul.halfcompact li {
  margin: 0 1em 0 3em;
}
div.html ul.halfcompact li {
  margin: .3em 1em .3em 3em;
}
div.html ul.halfcompact ul.halfcompact {
  margin: .5em 1em .5em 0em;
}
ul.liinside {
  list-style-position: inside;
}

div.html ul.icon32x32 li {
  /*margin-left: 6em;*/
  list-style: none;
}
div.html ul.icon32x32 li img {
  float: left;
  margin-right: .2em;
  position: relative;
  top: .3em;
}
div.html img.inicon {
  vertical-align: middle;
}

div.html p {
  text-indent: 3em;
  margin: 1.33em 1em 0 0;
}
div.html p.sign {
  text-align: right;
}
div.html p.plain {
  text-indent: 0;
}

div.html ul {
  margin: 1.33em 1em 1.33em 0;
}
div.html ul.compact {
  margin: 0 1em 0 0;
}

ul.history li {
  font-weight: bold;
  margin: 0;
}
ul.history ul {
  margin-top: .5em;
  margin-bottom: 2em;
}
ul.history li li {
  font-weight: normal;
  margin-left: 21px;
}
ul.history li.version {
  list-style: none;
}
ul.history li.add {
  list-style: disc url("/design/li_add.gif");
}
ul.history li.del {
  list-style: circle url("/design/li_delete.gif");
}
ul.history li.upd {
  list-style: square url("/design/li_update.gif");
}

div.html h3, div.html h4, div.html h5 {
  color: #126;
}

div.html h3 {
  text-align: center;
  font: bold 2em arial, sans-serif;
  /*margin: .67em 1em;*/
  /*margin: .67em 1em .67em 0;*/
  margin: .67em 0;
  clear: both;
  border-top: 3px #7EAEDA solid;
  border-bottom: 3px #7EAEDA solid;
  background: #EDF4FB;
}

div.html h3 > a {
  text-decoration: underline;
}

div.html h4 {
  text-align: left;
  font: bold 1.5em arial, sans-serif;
  /*margin: .83em .66em .83em 1em;*/
  /*margin: .83em 1.33em .83em 1.33em;*/
  margin: .83em 1.33em .83em 0;
  clear: both;
  border-bottom: 3px #7EAEDA double;
}

div.html h5 {
  text-align: left;
  font: bold 1.17em arial, sans-serif;
  /*margin: 1em .85em 1em 1.28em;*/
  /*margin: 1em .71em 1em 1.71em;*/
  margin: 1em .71em 1em 0;
}

div.html img.screenshot {
  display: block;
  margin: .5em auto;
}

img.topleftpic, div.html img.topleftpic {
  float: left;
  margin: 0 .5em .5em 0;
}

img.toprightpic, div.html img.toprightpic {
  float: right;
  margin: 0 0 .5em .5em;
}

/*PLAIN HTML: Avatars*/
table.avatars th {
  text-align: right;
  width: 16em;
}

table.avatars th, table.avatars td {
  vertical-align: center;
}

table.avatars th p {
  text-indent: 0;
  margin: 0;
}

table.avatars td.links p {
  text-indent: 0;
  margin: 0 1em;
}

table.avatars td.avatar p {
  margin: 0 1em;
}

/*																																				*/
/*LIBRARY: WorkView: General*/

div.workview p {
  text-indent: 3em;
  /*margin: 1.33em 0;*/
}

div.workview p.p1, div.workview p.p2 {
  text-indent: 3em;
  /*margin: .5em 0;*/
}

div.workview p.sign {
  text-align: right;
  margin-top: 1em;
}

div.workview p.isign {
  text-align: right;
  margin-top: 1em;
  font-style: italic;
}

div.workview p.divider {
  text-align: center;
  letter-spacing: 1em;
  margin: 1em 0;
}

div.workview {
  padding: .5em;
}
div#primary > div.workview {
  padding: 0 .6em 0 0;
}

/*LIBRARY: WorkView: General: headers*/

div.workview h1, div.workview h2, div.workview h3 {
  font-family: Arial, sans-serif;
}

div.workview h1 {
  text-align: center;
  margin: .67em 0;
}

div.workview h2 {
  text-align: center;
  font-size: 1.5em;
  margin: .83em 0;
}
div.workview h2.small {
  text-align: left;
}

div.workview h3 {
  text-align: center;
  font-size: 1.3em;
  margin: 1em 0;
}

div.workview div.leftcol {
  width: 50%;
  margin: 1em 0 2em;
}
div.workview div.leftcol h2 {
  text-align: left;
  font-size: 1.1em;
  margin: .5em 0;
}
div.workview div.leftcol p {
  margin: 0;
}

div.workview div.authorinfo, div.html div.authorinfo {
  margin: 0 0 1em auto;
  width: 22em;
}

div.workview div.authorinfo p, div.html div.authorinfo p {
  margin: 0 .5em 0 0;
  text-indent: 0;
}

/*LIBRARY: WorkView: General: song*/

div.workview div.song {
  padding: 1em 0;
}

div.workview div.verse {
  position: relative;
}

div.workview p.name, div.workview pre.name {
  font: normal .9em/1.33em Verdana, sans-serif;
  position: absolute;
  left: 0;
  top: 0; bottom: 0;
  width: 2in;
  margin-left: 3em;
  white-space: pre;
  text-indent: 0;
  text-transform: uppercase;
  padding: .5em 0;
}

div.workview p.text, div.workview pre.text {
  font: normal .9em/1.33em Verdana, sans-serif;
  margin-left: 1.8in;
  white-space: pre;
  text-indent: 0;
  padding: .5em 0;
}

div.workview table.poemtoc {
  margin: 0 0 1em 1.8in;
  /*background: #f8f8f8;*/
  border: solid 2px #f0f0f0; border-right-color: #e8e8e8; border-bottom-color: #ccc;
}

div.workview table.poemtoc td {
  padding: 0 2em 1em 0;
}

div.workview table.poemtoc h2 {
  margin-left: 1em;
  text-align: left;
}

div.workview .poemh {
  margin-left: 1.8in;
  text-align: left;
}

/*LIBRARY: WorkView: General: quote*/

div.workview blockquote p {
  font-style: italic;
  margin: 0 0 1em 6em;
}

div.workview blockquote.left {
  margin-left: 70%;
}

div.workview blockquote.poetry {
  margin-left: 10%;
}

div.workview blockquote.poetry p.sign {
  margin-top: 0;
}

div.workview blockquote.short {
  margin-left: 12em;
}

/*LIBRARY: WorkView: General: list*/

div.workview li {
  margin-left: 3em;
}

/*																																				*/
/*LIBRARY: WorkView: CotPL*/

div.workviewcotpl p {
  text-indent: 3em;
  margin: 0 .8em 0 0;
}

div.workviewcotpl p.sign {
  text-align: right;
  margin: 1em .8em 1em 0;
}

div.workviewcotpl {
  padding: .5em;
}
div#primary > div.workviewcotpl {
  padding: 0;
}

/*LIBRARY: WorkView: CotPL: headers*/

div.workviewcotpl h1 {
  background: black;
  color: white;
  width: 100%;
  text-align: center;
  padding: 1em 0;
}

div.workviewcotpl h1:first-line {
  font-size: larger;
}

div.workviewcotpl h2 {
  text-transform: uppercase;
  text-align: left;
  font-size: 1.3em;
  word-spacing: .2em;
  background: black;
  color: white;
  padding: .1em .2em;
  margin: 1.2em 0 .6em;
  width: auto;
}

div.workviewcotpl h3 {
  margin: .6em 0 .6em;
}

div.workviewcotpl h2.small {
  text-transform: none;
  background: inherit;
  color: inherit;
}

/*LIBRARY: WorkView: CotPL: song*/

div.workviewcotpl div.song {
  padding: 1em 0;
}

div.workviewcotpl div.verse {
  position: relative;
}

div.workviewcotpl p.name {
  position: absolute;
  left: 0;
  top: 0; bottom: 0;
  width: 2in;
  margin-left: 3em;
  white-space: pre;
  text-indent: 0;
  text-transform: uppercase;
  padding: .5em 0;
}

div.workviewcotpl p.text {
  margin-left: 1.8in;
  white-space: pre;
  text-indent: 0;
  padding: .5em 0;
}

/*LIBRARY: WorkView: CotPL: quote*/

div.workviewcotpl blockquote {
  font-style: italic;
  margin: 0 0 .8em .9in;
}
/*                                                                         */
/*LIBRARY: AUTHOR*/

img.authorphoto {
  float: left;
  margin: 0 1em 1em 0;
  border: 3px inset #A0C2E3;
}

ul.workgroups {
  margin-bottom: 0;
}

ul.workgroups ul {
  margin-top: .5em;
  margin-bottom: 1em;
}
ul.workgroups li {
  margin: 0 1em 0 3em;
}

ul.workgroups ul li {
  list-style: circle url("/design/paw2dis.gif");
}
ul.workgroups ul li.current {
  list-style: disc url("/design/paw2.gif");
}

em.gworkcats {
  color: #99b;
}
em.gworkcats a {
  color: #77a;
}

/*                                                                         */
/*USERS*/

table.users {
  width: 95%;
  font: .8em Verdana, sans-serif;
}

table.users th, table.users td {
  border: 2px ridge #f9f9ff;
  padding: .2em;
}
table.users th {
  background: #d8d8fe;
  text-align: left;
  white-space: nowrap;
}
table.users th.paw {
  width: 20px;
}
table.users td img.paw {
  font-size: 1.4em;
  width: 24px;
  height: 24px
}
table.users th a {
  display: block;
  position: relative;
  padding-right: 10px;
  color: #126;
  text-decoration: none;
}
table.users th a:hover {
  color: #229;
}
table.users th img {
  position: absolute;
  top: .2em;
  right: 0;
}
table.users tr.tr1 {
  background: #f1f1fe;
}
table.users tr.tr2 {
  background: #e6e6fe;
}

.tablepopup {
  position: absolute;
  left: 0;
  top: 1em;
  width: 500px;
  z-index: 200;
}

.tablepopup > span {
  display: none;
}
div.tablepopup div.editprofile {
  display: block;
}

p.bottomhint, div.html p.bottomhint {
  margin: 1em 0;
  text-align: left;
  text-indent: 0;
}
p.tophint, div.html p.tophint {
  margin: 1em 0;
  text-align: left;
  text-indent: 0;
}

/*USERS: PROFILE*/
table.user {
  width: 95%;
  font: .8em Verdana, arial, sans-serif;
}

table.user th, table.user td {
  padding: .2em;
  border: 2px ridge #f9f9ff;
}
table.user th {
  background: #e6e6fe;
  font-weight: normal;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  border-right: 2px ridge #f9f9ff;
}
table.user td {
  background: #f1f1fe;
  text-align: left;
}
div.profile-avatar img {
  border: 3px inset #d8d8fe;
}

/*USERS: EDIT PROFILE*/

div.editprofile {
  text-align: right;
  padding-right: 5%;
}
div.content div.editprofile, div.comment div.editprofile {
  padding-right: 0;
}

table.profile {
  width: 100%;
  font: .8em verdana, arial, sans-serif;
  border: 2px ridge #f9f9ff;
}
table.profile table.profile {
  font-size: .9em;
  margin: .25em 0;
}

table.profile th, table.profile td {
  padding: .2em;
}
table.profile th {
  background: #e6e6fe;
  font-weight: normal;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  border-left: 2px ridge #f9f9ff;
  border-right: 2px ridge #f9f9ff;
}
div.editprofile table.profile th {
  padding-top: .4em;
  padding-bottom: 0;
}
table.profile td {
  background: #f1f1fe;
  text-align: left;
}

table.profile img {
  padding-top: .5em;
}

div.editprofile input[type="submit"],
div.editprofile input[type="button"] {
  margin: .5em 0;
  padding: .2em .4em;
}

div.editprofile label {
  /*white-space: nowrap;*/
}

div.editprofile table.profile div.subtitlecont {
  float: left;
  width: 50%;
  margin: .1em 0;
}

div.editprofile table.profile div.subtitlecont div.subtitle {
  position: relative;
  top: .3em;
  float: left;
  width: 30%;
}

div.editprofile table.profile div.subtitlecont select {
  float: left;
  width: 70%;
  margin-left: .3em;
}

/*                                                                         */
/*STATS*/

table.stats {
  width: 95%;
  font: .8em Verdana, sans-serif;
  border: 2px ridge #f9f9ff;
}

table.stats th, table.stats td {
  border-right: 2px ridge #f9f9ff;
  border-left: 2px ridge #f9f9ff;
  padding: 0 1px;
  white-space: nowrap;
}
table.stats th {
  background: #d8d8fe;
  text-align: left;
  border-bottom: 2px ridge #f9f9ff;
}
table.stats th a {
  display: block;
  position: relative;
  padding-right: 10px;
  color: #126;
  text-decoration: none;
}
table.stats th a:hover {
  color: #229;
}
table.stats th img {
  position: absolute;
  top: .2em;
  right: .4em;
}
table.stats tr.tr1 {
  background: #f1f1fe;
}
table.stats tr.tr2 {
  background: #e6e6fe;
}

/*                                                                         */
/*NEWS*/

div.nwpiece {
  position: relative;
}

div.nwpiece p, div.nwpiece ul, div.nwpiece li {
  line-height: 1.2em;
}

div.news h3 {
  font: bold 1em arial, serif;
  color: #126;
  height: 28px;
  padding: 25px 0 0 75px;
  margin: 1em 0;
  position: relative;
}
div.news h3.c1 {
  background: url("/design/news/newshead1.png") no-repeat;
}
div.news h3.c2 {
  background: url("/design/news/newshead2.png") no-repeat;
}
div.news h3.c3 {
  background: url("/design/news/newshead3.png") no-repeat;
}

div.news h3 em {
  font-weight: normal;
  color: #239;
  display: block;
  position: absolute;
  /*top: 25px;
  right: 0;
  padding-right: 1em;*/
  top: 5px;
  left: 75px;
}

div.news p {
  margin: .2em 1em .2em 0;
  /*text-indent: 3em;*/
}

p.editlinks {
  position: absolute;
  right: 0; top: 0;
}

p.rightlinks, div.html p.rightlinks {
  font: normal .9em Arial, sans-serif;
  margin: .5em 1em .5em 0;
  text-align: right;
  clear: both;
}

p.leftlinks {
  font: normal .9em Arial, sans-serif;
  margin: .5em 1em .5em 0;
}

p.seplinks {
  margin: -.2em 1em -.8em 0;
  text-align: right;
}

/*                                                                         */
/*FAQ*/

dl.faq {
  counter-reset: faq_dt 0;
}

dl.faq dt {
  margin: 1.5em 1em .5em 0;
  font-weight: bold;
}

dl.faq dt:before {
  content: counter(faq_dt) ". ";
  counter-increment: faq_dt;
}

dl.faq dd {
  margin: .5em 1em .5em .3em;
  text-indent: 3em;
}

/*                                                                         */
/*NOSCRIPT*/

p, li, dl {
  font-family: Verdana, sans-serif;
  font-size: .9em;
  line-height: 1.33em;
}
li p {
  font-size: 1em;
}

a {
  text-decoration: none;
  color: #22d;
}
a:visited {
  /*color: #11a;*/
}
a:hover {
  text-decoration: underline;
  color: #55f;
  /*border-bottom: 1px double #55f;
  border-top: 1px double #55f;*/
}
label {
  padding-right: 1ex;
}
abbr {
  cursor: help;
}
textarea:hover, label:hover, input[type="text"]:hover, input[type="password"]:hover {
  background: #ffe;
}
textarea:focus, label:focus, input[type="text"]:focus, input[type="password"]:focus {
  background: #ffd;
}

em.u {
  font-style: normal;
  text-decoration: underline;
}
b.n { /* thin spaces */
  display: inline-block;
  width: 1pt;
}
span.math {
  font: normal 1.2em/1.2em "Arial Unicode MS", sans-serif;
  letter-spacing: 1px;
}
abbr {
  border-bottom: 1px black dotted;
}
img {
  border: none;
}
span.suppl {
  color:
}

dl {
  margin: 1em 0;
}
dt {
  margin-left: 0;
}
dd {
  margin-left: 3em;
}

span.supplemental {
  color: #666;
}
span.supplemental a {
  color: #77a;
}

.clickable {
  cursor: hand;
}

strong.warning {
  text-align: center;
  margin: 0 .4em 1em;
  background: #fbb;
  border: 1px solid #f77;
  display: block;
  padding: .4em;
}
strong.warning i {
  display: block;
  text-align: right;
  font-weight: normal;
  font-style: normal;
}