source: trunk/Style/Basic/Style.css

html,body
{
  height: 100%;
  font-family: sans-serif;
}

#MainTable
{
  width: 100%;
}

#MainTable td
{
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  border-color: silver;
  padding: 0px 1px 0px 1px;
}

#MainTable td .Panel
{
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #e0e0ff;
  padding: 10px 5px 10px 5px;
}

#MainTable td .PanelTitle
{
  border-width: 0px 0px 2px 0px;
  border-style: solid;
  border-color: #6060ff;
  font-weight: bold;
  margin: 0px 0px 3px 0px;
}

#MainTable td .PanelTitleRight
{
  border-width: 0px 0px 2px 0px;
  border-style: solid;
  border-color: #6060ff;
  margin: 0px 0px 3px 0px;
  text-align: right;
}

#MainTable td td
{
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: silver;
}

form
{
  margin: 10px 10px 10px 10px;
}

.MenuItem
{
  /*float: left;*/
  display: inline;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.MenuItem li
{
  display: inline-block;
  padding: 0px 5px 0px 5px;
}

.MenuItem2
{
  text-align: right;
  width: 100%;
  font-weight: normal;
  display: block;
  margin: 0px;
  padding: 0px;
}

.MenuItem2 li
{
  display: inline;
  padding-left: 6px;
}

.Footer
{
  border-style: solid; 
  border-top-color: gray; 
  border-width: 1px 0 0 0; 
  margin-top: 20px; 
  padding-top: 2px;
  font-size: 10px;
  text-align: center;
}

.Footer li
{
  padding-left: 3px;
  padding-right: 3px;
  display: inline;
}

.PageMenu
{
  padding: 0px;
  margin: 5px 0px 5px 0px;
}

.PageMenu li
{
  padding-left: 3px;
  padding-right: 3px;
  display: inline;
}

.Navigation
{
  border-style: solid; 
  border-bottom-color: gray; 
  border-width: 0px 0px 1px 0px;
  margin: 0px 0px 10px 0px;
  padding: 3px 0px 3px 0px;
}

.Navigation img
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-width: 0px 0px 0px 0px;
  vertical-align: middle;
}

.RSSIcon
{
  margin: 0px 0px 0px 0px; 
  border-width: 0px;
}

div.HalfWidth
{
  text-align: center;
}

fieldset.HalfWidth
{
}

.SystemMessage
{
  background: #FFEDED;
  border: 1px solid #992A2A;
  border-top: 0;
  margin: 5px;
  padding: 0;
  width: auto;
}

.SystemMessage h3
{
  background: #E3A0A0;
  border: 1px solid #992A2A;
  border-left: 0;
  border-right: 0;
  color: white; 
  font-size: small;
  font-weight: bold; 
  margin: 0;
  padding: 5px;
}

.SystemMessage div 
{
  background: transparent;
  border: 0;
  color: #992A2A;
  margin: 0;
  padding: 8px;
}

.Centred
{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.BasicTable
{
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
}

.BasicTable td
{
  text-align: left;
  vertical-align: top;
  padding: 3px 3px 3px 3px;
}

.BasicTable .Header
{
  text-align: right;
  padding: 3px 3px 3px 3px;
}

.BasicTable .Header
{
  text-align: center;
}

.WideTable
{
  border-color: #C0C0C0;
  border-style: solid;
  border-width: 1px 1px 0px 0px;
  border-spacing: 0px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;  
  border-collapse: collapse;
  #width: 100%;
}

.WideTable th
{
  border-color: #C0C0C0;
  border-style: solid;
  border-width: 0px 0px 1px 1px;
  padding: 1px 5px 1px 5px;
  background-color: #F0F0FF
}

.WideTable th a
{
  text-decoration: none;
}

.WideTable img
{
  border: none;
}

.WideTable td
{
  border-color: #C0C0C0;
  border-style: solid;
  border-width: 0px 0px 1px 1px;
  padding: 1px 5px 1px 5px;
  text-align: center;
}

.Pager
{
  text-align: center;
}

.UserMenu
{
  width: 15%;
}

.Content
{
}

h4
{
  text-align: center;
  margin-bottom: 3px;
}

.News
{
  font-size: small;
  width: 20%;
  border-style: solid; 
  border-width: 1px; 
  border-color: black; 
  padding-left: 3px;
}

.News div
{
  padding-top: 7px;
}

.ActionMenu
{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  margin: 5px 0px 5px 0px;
}

.ActionMenu li
{
  padding-left: 3px;
  padding-right: 3px;
  display: inline;
}

.Form
{
  width: 500px;
  border-collapse: collapse;
  border-color: #C8C8C8;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  background-color: #F4F4FF;
}

.Form .Group
{
  padding: 7px 7px 7px 7px;
  background-color: #E8E8E8;
  border-color: #C0C0C0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}

.Form .Actions
{
  padding: 7px 7px 7px 7px;
  background-color: #E8E8E8;
  border-color: #C0C0C0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}

.Form th
{
  padding: 7px 7px 7px 7px;
  text-align: right;
  vertical-align: top;
  font-weight: normal;
  width: 50%;
}

.Form .Value
{
  padding: 7px 7px 7px 7px;
  text-align: left;
  width: 50%;
}

.Form .Item input
{
  width: 300px;
}

.Form .Item textarea
{
  width: 300px;
  height: 100px;
}

.Panel
{
  border-color: #C0C0C0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  margin-bottom: 7px;
}

.Panel .Title
{
  padding: 7px 7px 7px 7px;
  border-color: #C0C0C0;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  background-color: #E8E8E8;
}

.Panel .Title .Title
{
  border-style: none;
  display: inline;
  margin: 0px;
  padding: 0px;
}

.Panel .Title .Action
{
  text-align: right;
  font-weight: normal;
  display: inline;
  padding: 0px;
  float: right;
}

.Panel a,
.Panel a:link,
.Panel a:visited,
.Panel a:hover,
.Panel a:active {
  color: black;
}

.Panel .Content
{
  padding: 7px 7px 7px 7px;
  overflow: auto;
}

.EventInfo
{
  background-color: #C0C0FF;
}

.EventWarn
{
  background-color: #FFFFA0;
}

.EventCrit
{
  background-color: #FFB0B0;
}

.StateOnline
{
  background-color: #E0FFE0;
}

.StateOffline
{
  background-color: #FFE0E0;
}

.TitlePanel
{
  background-color: #5050FF; 
  color: white; 
  padding: 5px 5px 5px 5px; 
  font-size: 16pt;
}

.GlobalTitle
{
  font-size: 20pt;
  font-weight: bold;
}