.required {background-color: #FF9999}
.invalid {background-color: #FFFFCC}
.small {font-size: 100%;}
.tiny {font-size: 80%;}
.readonly {background-color: #EEEEEE}

.recent {color: #FF0000;}

.floatleft {float:left;}
.floatright {float:right;}

table {
       border-collapse: collapse;
       margin: 10px auto;
       border: 1px solid #fe7019;
       }

th, td.heading {border: 1px solid #fe7019;}

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

table.blank {border: 0px; padding 0px; margin: 0px}

table.section {width: 250px;}

table.list {
            font-size: 100%;
            }

table.maintenance {
                   }

table.title {width: 15em;
             background-color: #ccc;
             font-size: 120%;
             height: 6.5em}

table.detail { width: 17em;
               font-size: 100%;
               background-color: #FFEEEE;
               height: 5.2em}

table.grey {
               background-color: #FFFFFF;
               color: #CCCCCC;}

td {padding: 2px;}

td.blueprint {padding: 0px;}
td.blueprintcolumn {padding: 1em; text-align: center;}
td.boxtop {height: 2em}
td.statuscolour {padding: 0px;width: 5px;height: .8em}

td.heading,th.heading {
            color: #222;
            background-color: #fe7019;
            font-size: 120%;
            font-weight: bold;
           }

td.footer {
            text-align: right;
           }

td.footerbuttons {
            background-color: #fe7019;
            font-weight: normal;
            text-align: center;
           }

.DebugHdr {
             color: #FFCCCC;
             background-color: #CC0000;
             font-size: 120%;
             font-weight: bold;
            }

.DebugLine1 {background-color: #FFFFFF;}
.DebugLine2 {background-color: #FFEEEE;}

.ListLine1 {background-color: #FFFFFF; color: #222}
.ListLine2 {background-color: #EEEEFF; color: #333}

.FormLabel {border: 1px solid #fe7019;
           }

.FormField, .readonly, .required, .invalid {
            border: 1px solid #fe7019;
            }

h1.title   {color: #ccc;}
h1.titlew   {color: #fff;}

select.small {width: 150px;font-size: 80%;}
select.medium {width: 300px;font-size: 80%;}
select.large {width: 450px;font-size: 80%;}

.button.out {
              background-color: #CCCCFF;
              border-top: 1px solid #CCCCFF;
              border-left: 1px solid #CCCCFF;
              border-bottom: 1px solid #CCCCFF;
              border-right: 1px solid #CCCCFF;
            }

.button.over {
               background-color: #FFFF66;
               border-top: 1px solid #FFFFCC;
               border-left: 1px solid #FFFFCC;
               border-bottom: 1px solid #999900;
               border-right: 1px solid #999900;
               color: #FF0000;
              }

.button.outdev {
               background-color: #6c6;
               border-top: 1px solid #6f6;
               border-left: 1px solid #6f6;
               border-bottom: 1px solid #393;
               border-right: 1px solid #393;
               margin-bottom: 5px;
}

.button.outsim {
               background-color: #cc6;
               border-top: 1px solid #ff6;
               border-left: 1px solid #ff6;
               border-bottom: 1px solid #993;
               border-right: 1px solid #993;
               margin-bottom: 5px;
}

.button.outlive {
               background-color: #c66;
               border-top: 1px solid #f66;
               border-left: 1px solid #f66;
               border-bottom: 1px solid #933;
               border-right: 1px solid #933;
               margin-bottom: 5px;
}

.button.overdev {
               background-color: #9f9;
               border-top: 1px solid #9f9;
               border-left: 1px solid #9f9;
               border-bottom: 1px solid #6c6;
               border-right: 1px solid #6c6;
               margin-bottom: 5px;
}

.button.oversim {
               background-color: #ff9;
               border-top: 1px solid #ff9;
               border-left: 1px solid #ff9;
               border-bottom: 1px solid #cc6;
               border-right: 1px solid #cc6;
               margin-bottom: 5px;
}

.button.overlive {
               background-color: #f99;
               border-top: 1px solid #f99;
               border-left: 1px solid #f99;
               border-bottom: 1px solid #c66;
               border-right: 1px solid #c66;
               margin-bottom: 5px;
}

td.headingDEV {
            background-color: #0c0;
            color: #cfc;
            font-size: 120%;
            font-weight: bold;
           }

td.headingSIM {
            background-color: #cc0;
            color: #ffc;
            font-size: 120%;
            font-weight: bold;
           }

td.headingLIVE {
            background-color: #c00;
            color: #fcc;
            font-size: 120%;
            font-weight: bold;
           }

td.heading {
            color: #fff;
            background-color: #333;
            font-size: 120%;
            font-weight: bold;
           }

.grey {color: #ccc;}

input.button.nav1 {
             width: 1.4em;
             height: 1.4em;
             padding: 0em;
             font-family: Webdings;
             font-weight: normal;
             font-size: 10pt;
            }

input.button.nav {
             width: 1.4em;
             height: 1.4em;
             padding: 0em;
             font-weight: normal;
             font-size: 10pt;
            }

input.button.list {
                  width: 100%;
                  font-size: 80%;
                }

input.button.section {
                  width: 100%;
                  font-size: 100%;
                 }

input.button.form {
                  width: 10em;
                  font-size: 100%;
                 }

input.button.header {
                  width: 100%;
                  height: 5em;
                  font-size: 100%;
                 }

input.button.detail {
                  width: 100%;
                  height: 5em;
                  font-size: 100%;
                  background-color: #FFCCCC;
                  border-top: 1px solid #FFCCCC;
                  border-left: 1px solid #FFCCCC;
                  border-bottom: 1px solid #FFCCCC;
                  border-right: 1px solid #FFCCCC;
                 }

input.button.grey {
              background-color: #EEEEEE;
              border-top: 1px solid #EEEEEE;
              border-left: 1px solid #EEEEEE;
              border-bottom: 1px solid #EEEEEE;
              border-right: 1px solid #EEEEEE;
             }

.hidden {visibility: hidden}
.hidden {display:none}

.checklist {
    border: 1px solid #ccc;
    list-style: none;
    height: 4em;
    overflow: auto;
}

.checklist2 {
    list-style: none;
}

.checklist, .checklist2, .checklist li { margin: 0; padding: 0; }

.checklist2 {
             margin-bottom: 10px;
            }


.checklist_group {
                  background: #ccf;
                  color: #fff;
                  font-weight: bold;
                  display: block;
                 }

.checklist label {
    display: block;
    padding-left: 25px;
    text-indent: -25px;
}

.checklist label:hover { background: #eef;}


input.ratio {
             font-size: 60%;
             color: #999;
             text-align: right;
             background: none;
             display: inline;
             border: 0;
             width: 4em;
            }