input:focus,
select:focus,
textarea:focus,
button:focus,
[contenteditable="true"]:focus,
*:focus                 { outline: none; }

body                    { margin:0px; background-color:#FFFFFF; color:#000000;
                          background-attachment:fixed; background-repeat:no-repeat;
                          background-position:center center; }

var                     { color:green; font-family:monospace; font-weight:bold; }

h2                      { margin-top: 2em; }

hr                      { height: 0px; border: none; clear: both; }

p, ul                   { font-size: 11pt; text-align: justify; }
p a, ul a               { color: blue; }

ul                      { list-style-type: square; }

div.headerbar           { height: 200px; background: url("/assets/header.jpg") no-repeat center center;
                          -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;
                          position: relative; top: 0px; left: 0px;}
div.headerbar span      { text-align: right; color: gray; font-variant: small-caps; font-style: italic;
                          position: absolute; bottom: -10px; right: 15px; }

div#dispolist div       { border-top: 1px solid silver; }
div#dispolist a         { float: left; }
div#dispolist a img     { margin-bottom: 2em; }
div#dispolist ul        { clear: both; padding-left: 1em; }

img.figure              { float: left; margin: 0px 20px 10px 0px; }
img.leftside            { float: left; margin: 3em 20px 10px 0px; }
img.rightside           { float: right; margin: 5em 0px 10px 20px; }
img.news_thumb          { box-shadow: 3px 3px 5px 0px #404040; }
img.console             { box-shadow: 0px 0px 8px 2px #000000; border: 1px solid black; margin-top: 5pt; }

sup, sub                { font-size: 6pt; position: relative; display: inline-block; }
sup                     { padding-left: 1pt; }
sub                     { padding-left: 0pt; bottom: 1pt; left: -1pt; }

table.longlist          { font-size: 11pt; }
table.longlist em       { font-weight: normal; }
table.longlist th       { width: 25%; text-align: left; border-bottom: 1px solid gray; border-right: 30px solid white; }
table.longlist td       { vertical-align: top; line-height: 15pt; }

.gbook_edit_req         { color:#000000; background-color:#FFE0E0; width:100%; height:18px; font-size:12px;
                          border:1px solid #AAAAAA;}

.gbook_edit             { color:#000000; background-color:#E0E0E0; width:100%; height:18px; font-size:12px;
                          border:1px solid #AAAAAA;}

.gbook_textarea         { color:#000000; background-color:#FFE0E0; width:100%; height:150; font-size:12px;
                          border:1px solid #AAAAAA; font-family:Tahoma,Arial,sans-serif; }

.gbook_button           { color:#000000; width:50%; height:23px; font-size:12px; font-weight:bold; }

.ProgressBar
{
  text-align: right;
  border: 1px solid #666;
  -webkit-box-shadow: 0px 0px 2px #444;
  -moz-box-shadow: 0px 0px 2px #444;
  box-shadow: 0px 0px 2px #444;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
}

.ProgressBarLight
{
  width: 100%;
  height: 50%;
  position: relative;
  bottom: 200%;
  left: 0px;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.ProgressBarShadow
{
  width: 100%;
  height: 50%;
  position: relative;
  bottom: 200%;
  left: 0px;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.ProgressBarEmpty
{
  width: 100%;
  height: 100%;
  background-color: #D0D0D0;
  display: inline-block;
}

.ProgressBarContent
{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  bottom: 100%;
  left: 0px;
  text-align: center;
  vertical-align: middle;
}

.ProgressBarVU
{
  background: rgb(0,178,92); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(0,178,92,1) 0%, rgba(55,214,119,1) 40%, rgba(237,204,16,1) 80%, rgba(247,39,77,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,178,92,1)), color-stop(40%,rgba(55,214,119,1)), color-stop(80%,rgba(237,204,16,1)), color-stop(100%,rgba(247,39,77,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(0,178,92,1) 0%,rgba(55,214,119,1) 40%,rgba(237,204,16,1) 80%,rgba(247,39,77,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(0,178,92,1) 0%,rgba(55,214,119,1) 40%,rgba(237,204,16,1) 80%,rgba(247,39,77,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(0,178,92,1) 0%,rgba(55,214,119,1) 40%,rgba(237,204,16,1) 80%,rgba(247,39,77,1) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(0,178,92,1) 0%,rgba(55,214,119,1) 40%,rgba(237,204,16,1) 80%,rgba(247,39,77,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b25c', endColorstr='#f7274d',GradientType=1 ); /* IE6-9 */
}