/*========================================================================*/
/* Copyright (c) 2004-2008 Franklin Fueling Systems. All rights reserved. */
/*========================================================================*/

/* ****************************************** */
/* Generic                                    */
/* ****************************************** */

body {
    margin:           1px;
    padding:          0px;
    color:            black;
    background-color: whitesmoke;
    font-size:        77%;
    cursor:           default;
}

body, input, select, pre, textarea {
    font-family: Tahoma, Arial, Sans-Serif;
}

input, select, table, textarea {
    font-size: 1em;
}

form {
    padding: 0px;
    margin:  0px;
}

img {
    border:  none;
    display: inline;
}

a {
    color:            black;
    background-color: transparent;
}

a:hover {
    color: blue;
}

a, a:hover {
    text-decoration: none;
}

table {
    width: 100%;
}

td, th {
    padding:        0px;
    white-space:    nowrap;
    vertical-align: middle;
}

pre {
    margin: 0px;
}

/* ****************************************** */
/* BUTTON CLASSES                             */
/* ****************************************** */

.buttonOff
{
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-image: url(../images/buttonoff.gif);
}
.buttonOn
{
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-image:url(../images/solid-red.gif);
}

.solidRed
{
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-image:url(../images/solid-red.gif);
}

.solidGreen
{
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-image:url(../images/solid-green.gif);
}

.buttonGreenOn
{
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-image:url(../images/solid-green.gif);
}

.TurnOnButton
{
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-image:url(../images/turnon.gif);
}

.OnButtonAndText
{
   background-repeat: no-repeat;
   background-position: 100% 50%;
   background-image:url(../images/turnon.gif);
}

.TurnOffButton
{
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-image:url(../images/turnoff.gif);
}

.WarningMark
{
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-image:url(../images/warning.gif);
}

.FailMark
{
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-image:url(../images/fail.gif);
}

.InsufficientMark
{
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-image:url(../images/insufficient.gif);
}

.PassMark
{
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-image:url(../images/pass.gif);
}



/* ****************************************** */
/* Classes                                    */
/* ****************************************** */

.AlignRight {
    text-align: right;
}

.AlignCenter {
    text-align: center;
}

.AlignLeft {
    text-align: left;
}

.alsCleared {
     font-weight:bold;
     color: green;
}

.alsTransient {
     font-weight:bold;
     color: blue;
}

.alsInactive{
     font-weight:bold;
     color:olive;
}

.Silence{
    font-weight:bold;
    color: darkorange;
}

.alsActive{
    font-weight:bold;
    color: red;
}

.Band {
    border-color: gray;
    border-width: 1px;
}

.Band .Left {
    width:       45%;
    text-align:  left;
}

.Band .Middle {
    width:         10%;
    text-align:    center;
    padding-left:  10px;
    padding-right: 10px;
}

.Band .Right {
    width:         45%;
    text-align:    right;
}

.Menu {
    height: 1.5em;
}

.Message {
    background-color: lemonchiffon;
}

.ErrorMessage {
    background-color: lightpink;
}

.Menu, .Message, .ErrorMessage {
    border-left-style:  solid;
    border-top-style:   solid;
    border-right-style: solid;
}

.Menu td {
    padding-right: 0.2em;
}

.Message td, .ErrorMessage td {
    padding-left: 0.7em;
}

.Message .Label, .ErrorMessage .Label {
    margin-right: 0.7em;
}

.Message .Left, .ErrorMessage .Left {
    padding-top:    0.6em;
    padding-bottom: 0.6em;
}

input.Button {
    font-size: 0.9em;
    width:     8em;
    margin-right: 0.7em;
}

.SelectedMenuItem a {
    color: blue;
}

.MenuItem, .SelectedMenuItem, .Action {
    padding-left:  0.5em;
    padding-right: 0.5em;
}

.Label {
    font-weight: bold;
}

.Language, .SelectedLanguage {
    padding-left:  0.25em;
    padding-right: 0.25em;
}

.Action, .Language, .SelectedLanguage {
    cursor: pointer;
}

.SelectedLanguage {
    font-weight: bold;
}

.ActionSeparator {
    color: silver;
}

.Hover, .Hover * {
    color: blue;
}

.Highlight {
    background-color: whitesmoke;
}

.Framed {
    border-left: solid 1px lightgrey;
    border-right: solid 1px lightgrey;
    border-top:  solid 1px lightgrey;
    border-bottom:  solid 1px lightgrey;
    width: 1%;
}

/* ****************************************** */
/* Classes - DataGrid                         */
/* ****************************************** */

table.DataGrid {
    background-color: white;
    border-top-style: solid;
}

table.DataGrid th {
    border-left:      solid 1px whitesmoke;
    background-color: lightgrey;
    font-weight:      normal;
    white-space:      normal;
}

table.DataGrid td {
    border-left: solid 1px lightgrey;
    border-top:  solid 1px lightgrey;
}

table.DataGrid th,
table.DataGrid td {
    padding-left:   4px;
    padding-right:  4px;
    padding-top:    3px;
    padding-bottom: 3px;
}

table.DataGrid th.Edge,
table.DataGrid td.Edge {
    border-left: none;
}

table.DataGrid td.Alone {
    border-left:  solid 1px lightgrey;
    border-right: solid 1px lightgrey;
}

table.DataGrid tr.Edge td {
    border-top: none;
}

table.DataGrid th.Sorted {
    font-weight: bold;
}

table.DataGrid td.Wrap {
    white-space: normal;
}

table.DataGrid td.Checkbox {
    width:      1%;
    text-align: center;
}

table.DataGrid td.Label {
    background-color: lightgrey;
    font-weight:      bold;
}

/* ****************************************** */
/* Classes - FieldGrid                        */
/* ****************************************** */

.FieldGrid tr {
    height: 2em;
}

.FieldGrid td,
.FieldGrid th {
    padding-left:   6px;
    padding-right:  6px;
}

.FieldGrid th {
    background-color: #DDE1F4;
    border-top:       solid 1px gray;
    border-bottom:    solid 1px gray;
}

.FieldGrid select {
    width: 100%;
}

.FieldGrid .Top td {
    padding-top: 0.5em;
}

.FieldGrid .Bottom td {
    padding-bottom: 0.5em;
}

.FieldGrid .Text {
    white-space:    normal;
    padding-top:    0.5em;
    padding-bottom: 0.5em;
}

.FieldGrid .Bottom th {
    border-bottom: none;
}

/* ****************************************** */
/* Classes - CLI                              */
/* ****************************************** */

table.CLI {
    border-top-style: solid;
}

pre.CLI {
    line-height: 1.42em;
    padding-top: 0.38em;
}

.CLI, .CLI input {
    font-family: Courier New;
}

.CLI input {
    width:            90%;
    border:           none;
    background-color: transparent;
    padding-left:     0.6em;
}


/* ****************************************** */
/* Classes - XMLContent                       */
/* ****************************************** */

.XMLContent {
    border-left-style:  solid;
    border-right-style: solid;
}

.XMLContent th {
    text-align:    left;
    border-bottom: none;
}

.XMLContent td {
    border-top:  solid 1px gray;
    white-space: normal;
}

/* ****************************************** */
/* Classes - XML Tree                         */
/* ****************************************** */

.XMLIndent {
    margin-left:  1.5em;
    text-indent: -1.5em;
}

.XMLMarkup, .XMLPI {
    color: blue;
}

.XMLTag, .XMLAttributeName {
    color: brown;
}

.XMLAttributeValue, .XMLText {
    font-weight:bold;
}

/* ****************************************** */
/* Classes - ConfigTable                      */
/* ****************************************** */

.ConfigTable {
    border-right-style: solid;
    background-color:   white;
}

.ConfigTable td, .ConfigTable th {
    padding-left:   8px;
    padding-right:  8px;
    padding-top:    0.2em;
    padding-bottom: 0.2em;
    border-left:    solid 1px gray;
}

.ConfigTable th {
    background-color: #DDE1F4;
    border-top:       solid 1px gray;
    padding-top:      0.4em;
    padding-bottom:   0.4em;
}

.ConfigTable .GroupLeft {
    width: 0.01%;
}

.ConfigTable .Group {
    font-weight: bold;
}

.ConfigTable .Group,
.ConfigTable .GroupAction {
    vertical-align: top;
}

.ConfigTable .Group,
.ConfigTable .GroupLeft,
.ConfigTable .GroupAction,
.Selectable {
    cursor: pointer;
}

.ConfigTable .Group,
.ConfigTable .GroupLeft,
.ConfigTable .GroupAction {
    background-color: white;
}

.ConfigTable .First {
    border-top: solid 1px gray;
}

.ConfigTable .Name {
    text-align:     right;
    vertical-align: top;
}

.ConfigTable .Value {
    width:       99%;
    white-space: normal;
}

.ConfigTable .Value .Text, .ConfigTable .Value select {
    width: 100%;
}

.ConfigTable .Action,
.ConfigTable .ActionSeparator,
.ConfigTable .GroupAction {
    border-left:  none;
    padding-left: 0px;
}

.ConfigTable .Action,
.ConfigTable .ActionSeparator {
    vertical-align: top;
}

.ConfigTable .GroupAction {
    padding-right: 0.4em;
    text-align:    center;
}

.ConfigTable .GroupActionHeader {
    padding:     0px;
    border-left: none;
}

.ConfigTable .Table .First {
    padding-left: 0px;
    width:        1%;
}

.ConfigTable .Table td {
    text-align: right;
    border:     none;
    width:      10%;
}

.ConfigTable .Table .Last {
    width: 80%;
}

/* ****************************************** */
/* Classes - Reports                          */
/* ****************************************** */

.AvailableReports,
.DateRange {
    padding:        10px;
    vertical-align: top;
}

.AvailableReports .CheckBox {
    padding-left: 20px;
}

.BorderLeft {
    border-left: solid 1px grey;
}

/* ****************************************** */
/* IDs                                        */
/* ****************************************** */

#idLoadingPageLeft {
    float: left;
}

#idLoadingPageRight {
    float: right;
}

#idLoadingPageLeft, #idTopHeader {
    font-size: 90%;
    height:    1.5em;
}

#idLoadingPageLeft, #idTopHeader .Left {
    font-weight: bold;
    padding-left: 0.3em;
}

#idTopHeader .Left .Action {
    padding-left: 0em;
}

#idTopHeader .Right .Action {
    padding-right: 0.3em;
}

#idLogoHeader {
    border-left-style:  solid;
    border-top-style:   solid;
    border-right-style: solid;
    background-image:   url('../images/headerbg.gif');
}

#idLogoHeader td {
    padding: 0.2em;
}

#idLogoHeader .Middle {
    font-size:      114%;
    font-weight:    bold;
}

#idLogoHeader img {
    display: block;
}

#idContent {
    border-left-style:  solid;
    border-right-style: solid;
}

#idFooter {
    font-size:        90%;
    border-top-style: solid;
}

#idFooter .VersionExtra {
    color: red;
}

#idActionLogin {
    margin-left:  0.7em;
    margin-right: 0.7em;
}