*
{
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.33em;
}

a { text-decoration: none; cursor: pointer; }
body { padding: 0; margin: 0px 10px }

.bold, .bold * { font-weight: bold; }
.left          { text-align: left; }
.center        { text-align: center; }
.right         { text-align: right; }
.top           { vertical-align: top; }
.middle        { vertical-align: middle; }
.bottom        { vertical-align: bottom; }
.nowrap        { white-space: nowrap; }
.pointer       { cursor: pointer; }
.nomargintop   { margin-top: 0px !important; }

div#content td.top { padding-top: 10px; padding-bottom: 10px; }
div#content td.button { padding: 0; width: 36px; height: 36px; overflow: hidden;  }
div#content td.button a { padding: 2px; }
div#dialog { display: none; }

ul, form, ol { margin: 0; padding: 0; list-style: none; }
img { border: 0; }
img.icon { vertical-align: middle; }
small, .small, small *, .small *, div#content .small, div#content small, div#content .small *, div#content small * { font-size: 10px; }

h1 span { position: absolute; top: -1000px; }
h1 { font-weight: normal; margin: 0; }
h2 { font-weight: normal; }
h3 { font-weight: normal; font-size: 16px; }

div#h2tainer
{
  height: 45px;
  overflow: hidden;
  margin: 0 10px 10px 0;
}

div#h2tainer a,
div#usersettings a
{
  display: block;
  background: #006633;
  width: 45px;
  height: 45px;
  overflow: hidden;
  float: right;
  margin-left: 10px;
}

div#h2tainer a:hover,
div#usersettings a:hover
{
  background: #66A485;
}

div#h2tainer h2,
a.h2
{
  margin: 0 10px 10px 0;
  padding: 10px 0 10px 10px;
  display: block;
  overflow: hidden;
  height: 25px;
  color: #ffffff;
  font-size: 21px;
  font-weight: normal;
  background: #006633;
}

div#sidebar a.h2,
div#sidebar h2,
div#h2tainer h2
{
  margin-right: 0;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

div.pagenav li { float: left; }
div.pagenav li span, div.pagenav li a { line-height: 1em; display: block; padding: 5px; min-width: 12px; text-align: center; margin: 0 5px 0 0; }
div.pagenav li span { background: #cccccc; }
div.pagenav li.this span { font-weight: bold; }
div#content tr.pagenavtr { background: transparent; }
div#content tr.pagenavtr td { padding: 0; background: transparent; }

#statusbalken .ui-progressbar { width: 250px; }
#statusbalken .progressbar-label { position: absolute; margin: 3px 0 0 10px; width: 230px; text-align: center; font-weight: bold; text-shadow: 0px 1px 2px #fff, 1px 0px 2px #fff, 0px -1px 2px #fff, -1px 0px 2px #fff; }
div#content #statusbalken label.progressbar-caption { padding-top: 4px; width: 250px; float: left; text-align: right; margin-right: 10px; }
