@CHARSET "UTF-8";

*
{
  font-family: Segoe UI, Tahoma, sans-serif;
  cursor: default;
  margin: 0;
  padding: 0;
}

a,
a:visited
{
  cursor: pointer;
  color: #0066CC;
}

a:hover
{
  color: #3399FF;
}

body
{
  background: -webkit-linear-gradient(
    top,
    #ffffff 20%,
    #e9eaef 100%
  );
  background-attachment: fixed;
  padding: 10px 15px 5px 15px;
  font-size: 12px;
}

h1, h2
{
  font-weight: normal;
  color: #00339a;
}

h1
{
  font-size: 16px;
}

h2
{
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 12px;
}

#header
{
  display: table;
  width: 100%;
  margin-bottom: 20px;
  background-repeat: no-repeat;
}

#header div
{
  display: table-cell;
  width: 62px;
  height: 52px;
  background-repeat: no-repeat;
  background-position: 36px 36px;
}

#header h1
{
  display: table-cell;
  padding-right: 10px;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}

#content
{
  padding-left: 62px;
  padding-right: 10px;
}

.warning
{
  margin-top: 15px;
  padding: 0px 10px 5px 22px;
  background-image: url(../ico_alpha_Exclamation_16x16.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#content ul
{
  list-style-type: none;
}

#content ul li
{
  background-image: url(../bg_align.gif);
  background-repeat: no-repeat;
  background-position: 12px 0px;
  padding-left: 35px;
  padding-bottom: 12px;
}

#content ol
{
  padding-left: 17px;
}

#content ol li
{
  padding-left: 3px;
  padding-bottom: 12px;
}

#effect
{
  display: none;
}

details
{
  margin-top: 30px;
}

details summary,
details summary *
{
  font-size: 14px;
  color: #00339a;
  cursor: pointer;
}

details summary:hover
{
  color: #074ae5;
}

details div
{
  margin: 8px 10px 5px 15px;
}

.commandlink
{
  margin-top: -6px;
  margin-bottom: 10px;
}

#noproblems
{
  -webkit-box-align: center;
  min-height: 128px;
  margin: 20px 40px 0px 40px;
  padding: 0px 0px 0px 142px;
  background-image: url(../../ico_alpha_CheckMarkGreen_128x128.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#noproblems a
{
  display: inline-block;
  margin: 3px 0px 3px 0px;
}

/* Level-dependent styles */

.lvl-warning #icon-overlay
{
  background-image: url(../ico_alpha_Exclamation_16x16.png);
}

.lvl-critical #icon-overlay
{
  background-image: url(../../ico_alpha_Critical_16x16.png);
}

.lvl-good #diagnosis
{
  padding: 8px 0px 20px 42px;
  background-image: url(../notification_good.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#problem
{
  display: none;
}

.lvl-warning #problem,
.lvl-critical #problem,
.lvl-good #problem
{
  display: block;
}

#noproblems
{
  display: none;
}

.lvl-noproblems #noproblems
{
  display: -webkit-box;
}
