body {
  margin: 0;
  background-color: white;
  padding: 0;
  font-size: 0.88em;
  line-height: 1.2em;
}

/* don't mangle text size on iPhone orientation change */
html { -webkit-text-size-adjust: 100% }

* html body { font-size: 1em }

body, textarea { font-family: Verdana, Arial, Helvetica, sans-serif }

body#help { padding: 1em }

body#help #closetop, body#help #closebottom {
  float: right;
  margin-bottom: 1em;
}

body.ajaxprogress { cursor: progress !important }
body.ajaxwait { cursor: wait !important }

em, .em { color: inherit; font-style: italic }
img { border-style: none }
label { vertical-align: text-bottom }
table { font-size: 100% }
table.fixed { table-layout: fixed }
td, th { vertical-align: top }
th { text-align: left; font-weight: normal }
table.boldhead th { font-weight: bold }

img, embed, object, video, table.fixed {
  /* max-width: 100%; */ /* HTT http://www.alistapart.com/articles/fluid-images/ */
}

dt {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-weight: bold;
}

dd {
  position: relative;
  top: -1em;
  margin: 0 0 0 4em;
  padding: 0 0 0 0;
}

map { display: inline }

input, select, textarea {
  border-width: 1px;
  border-style: solid;
  border-color: #999 #eee #eee #999;
}

input, select, option, textarea {
  background-color: #fffdfb;
  font-size: 100%;
}

input [type=button], input [type=submit], input [type=reset] {
  border-color: #eee #999 #999 #eee;
  background-color: #ddd;
}

input.button, a.button:link, a.button:visited, a.button:active, a.button:hover {
  border-color: #eee #999 #999 #eee;
  background-color: #ddd;
}

input.pressed [type=button], input.pressed [type=submit], input.pressed [type=reset] {
  border-color: #999 #eee #eee #999;
}

input.button.pressed, a.button.pressed:link, a.button.pressed:visited,
a.button.pressed:active, a.button.pressed:hover {
  border-color: #999 #eee #eee #999;
}

a.button {
  display: inline-block;
  line-height: 1.2em;
  padding: 0.1em 0.5em 0.2em 0.5em;
}

input.button, a.button:link, a.button:visited, a.button:active, a.button:hover {
  border-style: solid;
  border-width: 1px;
  text-decoration: none;
}

input.button.image {
  border-width: 0;
  background-repeat: no-repeat;
  background-position: center center;
}

input.icon, a.icon { border: none; text-decoration: none }

input [type=file] { font-size: smaller }
input.file { font-size: smaller }

input [type=image] { vertical-align: top }
input.image { vertical-align: top }

input.small, a.small, span.small { font-size: smaller }

input.narrow { width: 2em }
input.price  { width: 4em }
input.flex  { width: auto !important }

input.go,     a.go.button     { color: #a00 !important }
input.del,    a.del.button    { color: #a00 !important }
input.abort,  a.abort.button  { color: #a00 !important }
input.save,   a.save.button   { color: #060 !important }
input.search, a.search.button { color: #060 !important }
input.nogo,   a.nogo.button   { color: #00a !important }
input.reset,  a.reset.button  { color: #00a !important }
input.cancel, a.cancel.button { color: #00a !important }
input.undo,   a.undo.button   { color: #00a !important }
input.redo,   a.redo.button   { color: #a60 !important }
input.more,   a.more.button   { color: #a60 !important }
input.not,    a.not.button    { color: #bbb !important }

div.filter, form.filter { display: inline-block; white-space: nowrap }

input.filter, .filter input [type=text] {
  background: url("../resources/glass-16x16.png") top left no-repeat !important;
  padding-left: 18px !important;
}

input.filter.small, .filter.small input [type=text] {
  background: url("../resources/glass-12x12.png") top left no-repeat;
  padding-left: 14px;
}

input.filter [type=text]+input [type=image],
.filter input [type=text]+input [type=image],
input.image.reset, .searchbox.filter.reset input.image {
  position: relative;
  left: -20px;
  top: 2px;
  border: none;
  cursor: pointer;
  vertical-align: baseline;
}

input.filter.reset, .filter.reset input { padding-right: 18px }
input.filter.reset.small, .filter.reset.small input { padding-right: 14px }

input.disabled, input [disabled=disabled] { color: #ccc !important }

a.masked { color: #ccc }
a.disabled { pointer-events: none }

.formtext { border: 1px solid #b7d8fe }

option.unused { color: #aaa }

.asc, .desc, .working, .latch {
  background-repeat: no-repeat;
}

.asc, .desc, .working {
  background-position: center right;
  padding-right: 20px;
}

.latch {
  background-position: top left;
  padding-left: 16px;
  cursor: pointer;
}

.right.latch {
  background-position: top right;
  padding-left: 0;
  padding-right: 12px;
}

.asc { background-image: url("../resources/down-20x12.png") }
.desc { background-image: url("../resources/up-20x12.png") }
.working { background-image: url("../resources/loading-16x16.gif") }

.closed.latch, .closed .latch, .opened .closed .latch {
  background-image: url("../resources/openbox.png");
}

.opened.latch, .opened .latch {
  background-image: url("../resources/closebox.png");
}

.opened.door, .closed.rood, .opened .door, .closed .rood,
.opened .closed.door, .closed .opened.rood { display: block }

a.opened.door, span.opened.door, a.closed.rood, span.closed.rood,
.opened a.door, .opened span.door, .closed a.rood, .closed span.rood,
.opened a.closed.door, .opened span.closed.door,
.closed a.opened.rood, .closed span.opened.rood { display: inline }

tr.opened.door, tr.closed.rood, .opened tr.door, .closed tr.rood,
thead.opened.door tr, thead.closed.rood tr, .opened thead.door tr, .closed thead.rood tr,
tbody.opened.door tr, tbody.closed.rood tr, .opened tbody.door tr, .closed tbody.rood tr,
tfoot.opened.door tr, tfoot.closed.rood tr, .opened tfoot.door tr, .closed tfoot.rood tr
 { display: table-row }

thead.opened.door, thead.closed.rood, .opened thead.door, .closed thead.rood,
tbody.opened.door, tbody.closed.rood, .opened tbody.door, .closed tbody.rood,
tfoot.opened.door, tfoot.closed.rood, .opened tfoot.door, .closed tfoot.rood
 { display: inherit }

.opened.door.inline, .closed.rood.inline, .opened .door.inline, .closed .rood.inline
 { display: inline-block }

.closed.door, .opened.rood, .closed .door, .opened .rood,
.closed .door.inline, .opened .rood.inline, .opened .closed .door, .closed .opened .rood,
.opened .closed .door.inline, .closed .opened .rood.inline
 { display: none }

.clickable { cursor: default }
.link { cursor: pointer }
.print { display: none }
.error, .mandatory { color: red }
.error th, .error td { color: #966 }
.helptext { color: red }
.highlight, .bold { font-weight: bold }
.lowlight { color: #999 }
.disabled { text-decoration: line-through }
.nowrap { white-space: nowrap }
.left { text-align: left }
.right { text-align: right }
.center { text-align: center; margin-left: auto; margin-right: auto }
.bottom { vertical-align: bottom }
.small { font-size: smaller }
.truncated { white-space: nowrap; overflow: hidden }

.odd { background-color: #fff }
.even { background-color: #efefef }
.odd.selected, .even.selected { background-color: #ffdfcf }

.raised, tr.raised td, tr.raised th { padding-bottom: 1em }
.lowered, tr.lowered td, tr.lowered th { padding-top: 1em }
.half.raised, tr.half.raised td, tr.half.raised th { padding-bottom: 0.5em }
.half.lowered, tr.half.lowered td, tr.half.lowered th { padding-top: 0.5em }

.attop { margin-top: 0; padding-top: 0 }
.atbottom { margin-bottom: 0; padding-bottom: 0 }
.unspaced { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }

.spaced { margin-top: 1em }
.indented { margin-left: 2em }
.inline { display: inline-block }
.hidden, label.hidden { display: none !important }
.invisible { visibility: hidden }
.scrolling { overflow: auto }
.relative { position: relative }

.toleft { float: left }
.toright { float: right }
.right.padded, .toleft.padded { padding-right: 1em }
.left.padded, .toright.padded { padding-left: 1em }

.break { clear: both }
.breakleft { clear: left }
.breakright { clear: right }

.selhead { margin: 1em 0 }
.selhead h3, .selhead form { display: inline }

form.table label { display: block; clear: both; float: left; width: 59% }
form.table input.text { display: block; float: left; width: 39% }
form.table .endbutton { clear: both }

.popoverform label { display: inline-block; width: 8em }
.passwordform label { display: inline-block; width: 12em; padding-bottom: 0.5em }
.passwordform input.text { margin-top: 0.5em }

form.loginbox {
  width: 15em;
  border: 1px solid #666;
  border-radius: 2px;
  padding: 1em;
}

.loginbox input.text { width: 8em }
.loginbox input.email { width: 12em }
.loginbox .loggedinlinks { padding: 0.5em 0 1em 0 }
.loginbox .loggedinlinks a { clear: before; display: inline-block }
.loginbox .remember, .loginbox .byusername, .loginbox .byemail { white-space: nowrap }

.loginbox.emaillogin .username,
.loginbox.emaillogin .password,
.loginbox.emaillogin .remember,
.loginbox.emaillogin .forgotten,
.loginbox.emaillogin .byemail,
.loginbox.usernamelogin .email,
.loginbox.usernamelogin .byusername { display: none }

.wrapper {
  overflow: hidden;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.overflow, .wrapper.overflow { overflow: visible }
.wrapper.overflow:after { display: block; clear: both; content: "" }

.column { display: block; float: left }
.inline.column { display: inline-block; float: none }

.column, .outer {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.inner, .inner.wrapper {
  -ms-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.padded.wrapper, div.padded.column { padding: 0.3em 0.4em }
div.close.padded.wrapper { padding: 0 }
div.close.padded.wrapper .column, div.close.padded.column { padding: 0 0.4em }
.narrow.padded.wrapper, div.narrow.padded.column { padding: 1px 2px }

/* more in column.css */
.column.one		{ width: 100%		!important }
.column.two		{ width: 50%		!important }
.column.three		{ width: 33.333%	!important }
.column.three.two	{ width: 66.667%	!important }
.column.four		{ width: 25%		!important }
.column.four.two	{ width: 50%		!important }
.column.four.three	{ width: 75%		!important }
.column.five		{ width: 20%		!important }
.column.five.two	{ width: 40%		!important }
.column.five.three	{ width: 60%		!important }
.column.five.four	{ width: 80%		!important }
.column.six		{ width: 16.666%	!important }
.column.six.two		{ width: 33.333%	!important }
.column.six.three	{ width: 50%		!important }
.column.six.four	{ width: 66.666%	!important }
.column.six.five	{ width: 83.333%	!important }
.column.seven		{ width: 14.285%	!important }
.column.seven.two	{ width: 28.571%	!important }
.column.seven.three	{ width: 42.857%	!important }
.column.seven.four	{ width: 57.143%	!important }
.column.seven.five	{ width: 71.428%	!important }
.column.seven.six	{ width: 85.714%	!important }
.column.eight		{ width: 12.5%		!important }
.column.eight.two	{ width: 25%		!important }
.column.eight.three	{ width: 37.5%		!important }
.column.eight.four	{ width: 50%		!important }
.column.eight.five	{ width: 62.5%		!important }
.column.eight.six	{ width: 75%		!important }
.column.eight.seven	{ width: 87.5%		!important }
.column.nine		{ width: 11.111%	!important }
.column.nine.two	{ width: 22.222%	!important }
.column.nine.three	{ width: 33.333%	!important }
.column.nine.four	{ width: 44.444%	!important }
.column.nine.five	{ width: 55.556%	!important }
.column.nine.six	{ width: 66.667%	!important }
.column.nine.seven	{ width: 77.778%	!important }
.column.nine.eight	{ width: 88.889%	!important }
.column.ten		{ width: 10%		!important }
.column.ten.two		{ width: 20%		!important }
.column.ten.three	{ width: 30%		!important }
.column.ten.four	{ width: 40%		!important }
.column.ten.five	{ width: 50%		!important }
.column.ten.six		{ width: 60%		!important }
.column.ten.seven	{ width: 70%		!important }
.column.ten.eight	{ width: 80%		!important }
.column.ten.nine	{ width: 90%		!important }

.column>div, .column>p, .column>form { margin-right: 1em }

.column.toright>div, .column.toright>p, .column.toright>form {
  margin-left: 1em;
  margin-right: 0;
}

.column>p:first-child { margin-top: 0 }
.column>p:last-child { margin-bottom: 0 }

.column+.column.divided>*, .divided>.column+.column>* {
  border-left: 1px solid #ccc;
  padding-left: 1em;
}

.column.mover { width: 31px; padding-top: 2px }

.wrapper.labelled label {
  display: block;
  clear: left;
  float: left;
  width: 25%;
}

.wrapper.labelled.wide label { width: 50% }

.wrapper.labelled br {
  display: block;
  clear: left;
}

.dragdown { border-top: 1px solid red !important }
.dragup { border-bottom: 1px solid red !important }

.rounded {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

div.linktous {
  margin-top: 2em;
  border-top: 1px solid #999;
  padding-top: 2em;
  text-align: center;
}

div.linktous textarea {
  width: 60%;
  font-size: 10px;
}

div.linktous a { border-bottom-style: none }

#pagetail { position: relative; clear: both }

.sortlink {
  clear: left;
  margin-bottom: 0.5em;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd #999 #999 #ddd;
  background-color: #f7f7f7;
  padding-bottom: 0.2em;
}

.sortlink a { border-bottom-width: 0 }


/* ----- selshift ----- */

.twobox { width: auto; min-width: 350px; overflow: hidden }
.twobox div { float: left; margin: 0.5em 0.2em }
.twobox br.closebox { margin-top: 2px }
.twobox select { min-width: 100px }
.twobox div.catlist { position: relative }
.twobox.balanced div.catlist { width: 46% }
.twobox.balanced.popover div.catlist { width: 44% }
.twobox.balanced select { width: 100%; overflow-x: hidden }
.twobox.labelled label { margin: 0; padding: 0 }
.twobox.labelled div.catbuttons { margin-top: 2em }
.twobox.filtered div.filter { position: absolute; top: -1.2em; left: -2px }
.twobox.filtered div.filter>label { float: left; padding-right: 0.5em }
.twobox.filtered.popover div.filter { top: -3em }
.twobox.filtered input.filter { box-sizing: border-box; width: 100% }
.twobox.filtered .image.reset { position: absolute; top: 2px; right: 2px; left: auto }

/* ----- */


.floatmenu {
  position: fixed;
  z-index: 1000;
  top: 60px;
  right: 80px;
  max-width: 40%;
  border: 1px solid black;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  padding: 0.5em 1em;
  background: transparent url("/common/resources/white.70.png") repeat;
  text-align: right;
}

.floatmenu h4 { margin: 0 }


/*
 *   news styles
 */

.headline { clear: both }
.headline.odd, .headline.even { background-color: inherit }


/*
 *   document list styles
 */

.doclist { clear: left }
.doclist.hidden { display: none }

.doclist.fn .name, .doclist.fn .size, .doclist.fn .title {
  display: block;
  float: left;
  height: 1.5em;
  overflow: hidden;
}

.doclist .size:before { content: " (" } 
.doclist .size:after { content: ")" } 

.doclist.fn .name { width: 35% }
.doclist.fn .size { width: 15%; padding: 0 2% }
.doclist.fn .size:before { content: "" } 
.doclist.fn .size:after { content: "" } 
.doclist.fn .title { width: 45% }


/*
 *   contact form
 */

form.contactform fieldset { margin: 0; border: none; padding: 0 }
form.contactform fieldset div { margin: 4px 0 }

form.contactform fieldset label {
  display: inline-block;
  width: 10em;
  padding-left: 13px;
}

form.contactform fieldset div.mandatory { color: inherit }
form.contactform fieldset div.inline label { width: auto }

form.contactform fieldset div.mandatory label {
  background: transparent url("/common/resources/clear-red.png") 0 0.4em no-repeat;
}

form.contactform p.privacy { float: right; font-size: smaller }


/*
 *   registration form
 */

.register { margin-top: 0.2em }
.register fieldset { border: none }
.register ol { padding-left: 0 }

.register label, .register span.continuation {
  display: inline-block;
  width: 10em;
  margin-left: 13px;
}

.register.mandatory {
  background: transparent url("/common/resources/clear-red.png") 0 0.4em no-repeat;
  color: inherit;
}

li.register { margin-left: 0px }

span.register.mandatory { padding-left: 14px }
div.register.mandatory { margin-left: -16px }
li.register.mandatory { margin-left: 0px }
* html div.register.mandatory { margin-left: 0 }
.register.wide label { float: none; width: auto }
.register .controls { margin-left: 2em }
.register .controls div.contentwrap { display: inline-block }
.register input, .register textarea { margin-left: 0; margin-right: 0 } /* webkit adds margin *unless* width is set */
.register span { display: block; margin-bottom: 0.5em }
.register span.mandatory { display: inline; margin-bottom: 0 }
.register.inline span { display: inline }
.register .confirmation { position: relative; border: 1px solid red; padding: 0 1em }

.register .controls { display: inline-block }
.register.wide .controls { display: block }
.register p.toleft { margin: 0 }
.register .toleft + div.controls { margin-top: 0.5em }


/*
 *   subscriptions
 */

.subscribe .subpending { display: none }
.subscribe.pending .subpending { display: block }
.subscribe.pending .subsubscribe { display: none }
.subscribe tr>td:first-child { white-space: nowrap }

.subscribe td.mandatory, .subscribe span.mandatory {
  background: transparent url("/common/resources/clear-red.png") 0 0.2em no-repeat;
}

.subscribe td.mandatory {
  padding-left: 10px;
  color: inherit;
}

.subscribe span.mandatory {
  display: inline-block;
  width: 10px;
}



/*
 *   sitemap
 */

.chunktitle { margin-left: 1.5em }


/*
 *   popover and status alert styles
 */

.popover {
  position: absolute !important;
  display: block !important;
  visibility: hidden;
  top: 200px;
  left: 100px;
  z-index: 20000;
  border-style: none solid solid none;
  border-width: 0 2px 2px 0;
  border-color: #ddd;
  background: white repeat;
  text-align: left;
}

.popover.white70 { background: transparent url("/common/resources/white.70.png") }
.popover.white75 { background: transparent url("/common/resources/white.70.png") }
.popover.right { left: inherit; right: 100px; text-align: inherit }
.popover.fixed { position: fixed !important }
.popover.alert { z-index: 30000 }
.popover.visible { visibility: visible !important }

.popover iframe { display: none }
.popover.visible iframe { display: inherit }

#statusbox.popover { top: 100px; left: 200px; z-index: 40000 }

#statusbox.popover .info {
  font-size: 110%;
  border: 1px solid #aba;
  padding: 0.5em 1em;
}

#statusbox.rounded.popover .info {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

#statusbox.rounded.popover.buttons .info {
  margin-right: 5px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

#statusbox.popover .info p { margin: 0.2em 0 }

#statusbox.popover.reload {
  top: 0;
  left: 0;
  height: 100%;
  max-height: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  background: transparent url("/common/resources/black.50.png") repeat;
}

#statusbox.popover.reload form {
  position: absolute;
  top: 30%;
  left: 0; 
  right: 0;
  width: 400px;
  margin: 0 auto;
  border: 8px solid #666;
  border-radius: 6px;
  background: transparent url("/common/resources/white.70.png") repeat;
  padding: 40px 20px;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  color: #933
}

#statusbox.popover.reload form button, #statusbox.popover.reload form h3.titlebar {
  display: none;
}

.popover form, .popover .boxed, div.boxed {
  margin: 0 0 0 0;
  border: 1px solid black;
  padding: 0.5em;
  overflow: hidden;
}

.popover .formbuttons { text-align: right }
.popover h2 { margin: 0 0 0.5em 0 }
.popover h2.titlebar, .popover h2.title { font-size: 100% }
.popover h3.titlebar { height: 1em; font-size: 20% }
.popover h2.titlebar { margin: 0 0 0.2em 0.2em }
.popover.buttons h2 { padding-right: 17px }
.popover.two.buttons h2 { padding-right: 34px }

.popover .titlebar {
  margin: 0 0 -6px 0;
  padding: 1px 2px;
  cursor: pointer;
}

.popover.status .titlebar {
  position: relative;
  top: -8px;
}

.popover.buttons .titlebar {
  margin: 0 17px -6px 0;
  margin: 0 17px 0 0;
  border-style: solid;
  border-width: 1px;
  border-color: #ddd #eee #eee #ddd;
}
.popover.two.buttons .titlebar { margin: 0 34px -6px 0 }
.popover.left.buttons .titlebar { margin: 0 0 -6px 17px }
.popover.left.two.buttons .titlebar { margin: 0 0 -6px 34px }

.popover .title {
  position: relative;
  top: -0.2em;
  left: -0.2em;
  margin: 0 18px 0 0;
  border-style: solid;
  border-width: 1px;
  border-color: #999 #eee #eee #999;
  padding: 1px 3px;
}

button img { padding: 0 !important }

button.action, button.latch {
  width: 16px;
  height: 16px;
  margin: 0;
  border-width: 0;
  padding: 0;
  background: transparent none top left no-repeat;
}

button.action::-moz-focus-inner, button.latch::-moz-focus-inner {
  margin: 0;
  border-width: 0;
  padding: 0;
}

button.action img {
  margin: 0;
  border-width: 0;
  padding: 0;
}

button.menubutton { vertical-align: bottom }

.popover em { font-style: normal; font-weight: normal; color: #c60 }

.popover button.closebox, .popover button.first,
.popover button.second, .popover button.third { position: absolute; top: 3px }

.popover button.closebox, .popover button.first { right: 1px }
.popover button.second { right: 16px }
.popover button.third { right: 32px }

.popover.left.buttons button.closebox, .popover.left.buttons button.first,
.popover.left.buttons button.second, .popover.left.buttons button.third { right: auto }

.popover.left.buttons button.closebox, .popover.left.buttons button.first { left: 2px }
.popover.left.buttons button.second { left: 18px }
.popover.left.buttons button.third { left: 34px }

.xpopover div.error { padding-right: 20px }

.popover.status form {
  padding: 12px 14px 8px 8px;
}

.popover.status input.closebox {
  position: relative;
  float: right;
  top: -2px;
  left: 2px;
}

.rounded.popover, .rounded.popover form {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

.rounded.popover.buttons, .rounded.popover.buttons form {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

.rounded.popover.left.buttons, .rounded.popover.left.buttons form {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
}

.popover .content {
  overflow: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #aaa #ccc #ccc #aaa;
  padding: 0.5em;
}

.popover.compact .content {
  border-color: black;
  padding: 0;
}

.popover .content.alert { color: red }
.popover.expand .content { overflow: inherit }
.popover .content p { margin: 0.5em 0 }

.rounded.popover .content {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

.popover.picker label { display: block }

#tracebox {
  position: relative;
  z-index: 19999;
  background-image: url("/common/resources/white.70.png");
}


/*
 *   credit link styles
 */

div#siteflag {
  position: fixed;
  z-index: 10000;
  top: 10px;
  right: 10px;
  border-width: 4px;
  border-style: solid;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  background-color: white;
  padding: 0.3em 0.2em;
  font-size: 120%;
  opacity: 0.75;
}

* html div#siteflag { position: absolute }

div#siteflag.testsite   { border-color: #f99; color: #f00 }
div#siteflag.localsite  { border-color: #6c6; color: #3c3 }
div#siteflag.livesite   { border-color: #999; color: #333 }
div#siteflag.clientsite { border-color: #999; color: #333 }

div#siteflag em {
  border-width: 1px;
  border-style: solid;
  border-color: #f66 #b00 #b00 #f66;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  background-color: red;
  padding: 0 2px;
  color: white;
  font-weight: bold;
  font-style: normal;
}

#creditlink {
  position: absolute;
  margin: 8px 4px 4px 4px;
  border: 1px solid #999;
  background: none white;
  padding: 3px 8px 4px 8px;
  font-size: 7pt;
}

#creditlink, #creditlink a, #creditlink em {
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
}

#creditlink, #creditlink a { color: #777 }
#creditlink em { color: red }
#creditlink a { border-bottom-width: 0 }
#creditlink a:hover { text-decoration: underline }
#creditlink img { vertical-align: text-bottom }


/*
 *   in-page admin styles
 */

#pageadmin {
  display: none;
  position: absolute;
  z-index: 10001;
  top: 10px;
  right: 10px;
  width: 100px;
  padding: 5px 5px 8px 5px;
  border: 1px solid black;
  background-color: white;
  text-align: left;
}

#pageadmin h1 {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 16px;
  color: red;
}

#pageadmin a {
  display: block;
  font-size: 10px;
  color: black;
  font-weight: normal;
}

#factory { display: none }

.startbutton, .endbutton { text-align: right }
.startbutton, tr.startbutton td, tr.startbutton th { padding-bottom: 20px }
.endbutton, tr.endbutton td, tr.endbutton th { padding-top: 20px }

.editbox {
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 2px;
  border-color: #eee #999 #999 #eee;
  background-color: white;
}

.editbox .rightbutton { text-align: right }


/*
 *   confirmation/wait box styles
 */

body.confirm, body.waitbox {
  margin: 0.5em;
  background-color: white;
  border: 1px solid red;
  padding: 1em;
  text-align: center;
}


body.confirm h1, body.waitbox h1 { font-size: 200% }
body.confirm p, body.waitbox p { color: red }


/*
 *   myCal stylees
 */

.navlistsection {
  text-decoration: none; 
  color: #ffffcc;
}
.navlist {text-decoration: none;}
.smalltext {
  font-size: 8pt; 
  color: #000000; 
  text-decoration: none;
}
.pagetitle {
  font-size: 11pt; 
  color: #000000; 
  font-weight: bold; 
  text-decoration: none;
}
.sectiontitle {
  font-size: 20pt; 
  color: #000000; 
  font-weight: bold; 
  text-decoration: none;
}
.norm {
  font-size: 11pt; 
  color: #22728c; 
  text-decoration: none;
}
.smallsectiontitle {
  font-size: 11pt; 
  color: #336699; 
  font-weight: bold; 
  text-decoration: none;
}
.normunder {
  font-size: 11pt; 
  color: #22728c; 
  text-decoration: underline;
}
.explanatory {
  font-size: 90%;
}

span.ljuser { white-space: nowrap }
span.ljuser img { vertical-align: bottom; border: 0; width: 17px; height: 17px }
span.ljuser a { font-weight: bold; font-style: normal }

.calendar a.clickformore {
  color: #34546D; 
  border: 1px solid #EBF2FA;
}


/*
 *   twitter styles
 */

a.twitterlink, a.twitterhead, span.twitterhead {
  display: block;
  margin-top: 1em;
  border: none;
  text-decoration: none;
}

a.twitterhead, span.twitterhead {
  min-height: 32px;
  background: transparent url("/common/logos/twitter.32x32.png") no-repeat top right;
  padding-right: 35px;
  font-size: 120%;
}

p.tweet {
  margin: 1em 0 0 0;
}


/*
 *   tooltip styles
 */

#tooltipdiv {
  position: absolute;
  display: none;
  z-index: 50000;
  max-width: 33%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid black;
  background: none white;
  padding: 0.2em 0.5em;
  font-size: 9pt;
  overflow-x: hidden;
}