/******************************************************************************
/*PURPOSE:  Defines styles for various elements, classes, and ids in 
/*-----------------------------------------------------------------------------
/*PROJ_ID: 7775
/*MODEL:  20100630
/*CHANGE_DESCR:  Corrected styles for login pages.
/*-----------------------------------------------------------------------------
/*PROJ_ID:  8141
/*MODEL:  20101103
/*CHANGE_DESCR:  Made message div auto centering.
/*****************************************************************************/

div#LogoTop {
    background-color: #bdc6de;
    color: blue;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: x-large;
    padding-top: 5px;
}
div#LogoTop .left {
    background-color: inherit;
    color: inherit;
    float: left;
    padding-right: 10px;
    text-align: right;
    vertical-align: middle;
    width: 24%;
}
div#LogoTop .right {
    background-color: inherit;
    color: inherit;
    float: left;
    text-align: left;
    vertical-align: middle;
}
div#LogoBottom {
    background-color: white;
    color: black;
    font-family: Times Roman New, serif;
    font-size: medium;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
    background-color: #bdc6de;
    color: blue;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: x-large;
    padding-bottom: 5px;
}
div#LogoBottom .left {
    background-color: inherit;
    color: inherit;
    float: left;
    padding: 5px 10px 5px 0;
    text-align: right;
    vertical-align: middle;
    width: 24%;
}
div#LogoBottom .right {
    background-color: inherit;
    color: inherit;
    float: left;
    text-align: left;
    vertical-align: middle;
}
div#logo {
    background-color: #dddddd;
    color: #006699;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: x-large;
    min-height: 53px;
    overflow: hidden;
    padding: 5px 0;
    outline: thin solid black;
    vertical-align: bottom;
    width: 20em;
}
div#logoleft {
    width: 24%;
    min-width: 24%;
    min-height: inherit;
    overflow: inherit;
    background-color: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}
div#logoright {
    width: 74%;
    min-width: 74%;
    min-height: inherit;
    overflow: inherit;
    background-color: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}
div#logotop {
    background-color: #dddddd;
    color: #006699;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: x-large;
    overflow: hidden;
    width: 100%;
}
div#logotop .left {
    background-color: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    border-right: thin solid blue;
    float: left;
    overflow: hidden;
    padding-left: 5px;
    text-align: right;
    width: 24%;
    min-width: 24%;
}
div#logotop .right {
    background-color: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    float: left;
    overflow: hidden;
    text-align: left;
    width: 74%;
}
div#logobottom {
    background-color: #dddddd;
    color: #006699;
    font-family: Times New Roman, serif;
    font-size: medium;
    font-weight: bold;
    overflow: hidden;
    padding-left: 5px;
    width: 100%;
}
div#logobottom .left {
    background-color: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    border-right: thin solid blue;
    float: left;
    text-align: right;
    width: 24%;
    min-width: 24%;
}
div#logobottom .right {
    background-color: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    float: left;
    text-align: left;
    width: 74%;
}
div#TLHeaderRev {
    background-color: #1e4696;
    color: #ffffff;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: 12px;
    min-height: 60px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
div#error {
    color: red;
    font-family: Frutiger, Frutiger Linotype, Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: larger;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    vertical-align: top;
    width: 100%;
    min-width: 100%;
}
div#maintenance {
    color: red;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif, Times Roman New, serif;
    font-weight: bold;
    padding: 0;  /*7775*/
    text-align: justify;  /*7775*/
    vertical-align: top;
    width: 100%;
    min-width: 100%;
}
div#message {
    color: blue;
    font-family: Frutiger, Frutiger Linotype, Trebuchet MS, Arial, Verdana, sans-serif, Times Roman New, serif;
    font-weight: bold;
    padding: 0;  /*7775*/
    text-align: justify;  /*7775*/
    vertical-align: top;
/*  width: 100%;
    min-width: 100%;*/
    /*8141*/
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    /*8141x*/
}
div#welcome {
    color: black;
    font-family: Frutiger, Frutiger Linotype, Trebuchet MS, Arial, Verdana, sans-serif;
    font-weight: bold;
    padding: 0;
    text-align: justify;
    vertical-align: top;
    width: 100%;
    min-width: 100%;
}
div#welcome-l {
    color: black;
    font-family: Frutiger, Frutiger Linotype, Trebuchet MS, Arial, Verdana, sans-serif;
    font-weight: bold;
    height: 100%;
    min-height: 200px;
    width: 100%;
    min-width: 100%;
    padding: 0;
    text-align: left;
    vertical-align: top;
}
div#contents {
    position: relative;
    height: 100%;
    min-height: 100%;
    width: 100%;
    min-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
div#groupname {
    background-color: #bdc6de;
    border-bottom: medium #C6D2E5 solid;
    border-top: medium #C6D2E5 solid;
    color: blue;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: large;
    font-weight: bold;
    padding: 0;
    width: 100%;
}
div#login {
    background-color: white;
    text-align: center;
    width: 100%;
}
div#logintitle {
    background-color: #bdc6de;
    border-bottom: medium #C6D2E5 solid;
    border-top: medium #C6D2E5 solid;
    color: blue;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: x-large;
    font-weight: bold;
    padding: 5px 0;
    width: 100%;
}
div#loginbuttons {
    background-color: #bdc6de;
    border-bottom: medium #C6D2E5 solid;
    border-top: medium #C6D2E5 solid;
    color: blue;
    float: left;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: large;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}
div#loginfields {
    text-align: center;
    width: 100%;
}
div#logintop {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
}
div#loginbottom {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
}
div#loginleft {
    background-color: white;
    color: black;
    font-family: Times Roman New, serif;
    font-size: medium;
    font-weight: bold;
    float: left;
    padding-right: 10px;
    text-align: right;
    vertical-align: middle;
    width: 49%;
}
div#loginright {
    background-color: white;
    color: black;
    font-family: Times Roman New, serif;
    font-size: medium;
    font-weight: bold;
    float: left;
    text-align: left;
    vertical-align: middle;
}
div#userid {
    background-color: white;
    color: black;
    font-family: Times Roman New, serif;
    font-size: medium;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 5px;
    width: 100%;
}
div#userid .left {
    background-color: inherit;
    color: inherit;
    float: left;
    padding-right: 10px;
    text-align: right;
    vertical-align: middle;
    min-width: 49%;
}
div#userid .right {
    background-color: inherit;
    color: inherit;
    float: left;
    text-align: left;
    vertical-align: middle;
}
div#passwd {
    background-color: white;
    color: black;
    font-family: Times Roman New, serif;
    font-size: medium;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
    width: 100%;
}
div#passwd .left {
    background-color: inherit;
    color: inherit;
    float: left;
    padding: 5px 10px 5px 0;
    text-align: right;
    vertical-align: middle;
    width: 49%;
}
div#passwd .right {
    background-color: inherit;
    color: inherit;
    float: left;
    text-align: left;
    vertical-align: middle;
}
div#pagetitlebar {
    background-color: white;
    color: blue;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: x-large;
    font-weight: bold;
    padding: 0;
    padding-top: 5px;
    width: 100%;
}
div#titlebar {
    background-color: #bdc6de;
    border-bottom: medium #C6D2E5 solid;
    border-top: medium #C6D2E5 solid;
    color: blue;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: x-large;
    font-weight: bold;
    padding: 5px 0;
    width: 100%;
}
div#buttonbar {
    background-color: #bdc6de;
    border-bottom: medium #C6D2E5 solid;
    border-top: medium #C6D2E5 solid;
    color: blue;
    float: left;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: large;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}
div#linkline {
    margin: 5px;
}
div#linkline .left {
    float: left;
    text-align: left;
    width: 33%;
}
div#linkline .center {
    float: left;
    text-align: center;
    width: 34%;
}
div#linkline .right {
    float: left;
    text-align: right;
    width: 33%;
}
div#taskbar {
    background-color: #bdc6de;
    color: blue;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: small;
    font-weight: bold;
    overflow: auto;
    padding: 5px 0;
    width: 100%;
}
div#taskbar .left {
    background-color: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    float: left;
    text-align: center;
    width: 33%;
}
div#taskbar .center {
    background-color: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    border-left: thin solid blue;
    border-right: thin solid blue;
    float: left;
    text-align: center;
    width: 33%;
}
div#taskbar .right {
    background-color: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    float: left;
    text-align: center;
    width: 33%;
}
div#addons {
    background-color: #bdc6de;
    border-bottom: medium #C6D2E5 solid;
    border-top: medium #C6D2E5 solid;
    color: blue;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: x-small;
    min-height: 100px;
    width: 100%;
}
div#addons .left {
    background-color: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    min-height: inherit;
    float: left;
    text-align: center;
    width: 33%;
}
div#addons .center {
    background-color: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    min-height: inherit;
    border-left: thin solid blue;
    border-right: thin solid blue;
    float: left;
    text-align: center;
    width: 33%;
}
div#addons .right {
    background-color: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    min-height: inherit;
    float: left;
    text-align: center;
    width: 33%;
}
div.MetLogo {
    background-color: #1065b0;
    color: white;
    font-family: Frutiger, Frutiger Linotype, Arial, sans serif;
    font-size: 12px;
    text-align: right;
}
div.TLLogo {
    background-color: white;
    color: #000099;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: 12px;
    text-align: right;
}
a {
    font-size: medium;
}
a:link {
    color: #0000ff;
}
a:active {
    color: #ff0000;
}
a:visited {
    color: #7000c0;
}
a:hover {
    color: #d38800;
}
#blink {
    color: #0000ff;
    font-size: medium;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    letter-spacing: normal;
    font-weight: bold;
    font-style: italic;
}
#snapshot {
    color: #ff0000;
    font-size: large;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    letter-spacing: normal;
    font-weight: bold;
}
.bgbluegrey {
    background-color: #b6c5e3;
}
.bgkhaki {
    background-color: #e8e4c8;
}
.button {
    background-color: #ccccff;
    vertical-align: middle;
}
.buttonhigh {
    background-color: yellow;
    vertical-align: middle;
}
.buttonadd {
    color: blue;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: x-small;
    font-weight: bold;
    vertical-align: middle;
}
.buttonblue {
    color: blue;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    font-size: small;
    font-weight: bold;
    vertical-align: middle;
}
.cyan {
    font-weight: bold;
    color: cyan;
}
.dkblue {
    color: #000099;
}
.dustbluebg {
    background-color: #bdc6de;
}
img.logo {
    border-style: none;
    padding: 5px 5px 5px 5px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.pcabtn {
    width: 200px;
    background-color: #bdc6de;
}
.subject {
    width: 25%;
}
.uctext {
    text-transform: uppercase;
}
a.taskbar {
    font-size: small;
}
caption {
    color: blue;
    font-size: medium;
    font-weight: bold;
    text-align: center;
}
caption.lred {
    color: red;
    font-size: medium;
    font-weight: bold;
    text-align: left;
}
h1 {
    color: black;
    background-color: #bdc6de;
}
h2 {
    color: cyan;
    background-color: #1e2475;
}
h3 {
    color: white;
    background-color: #000099;
}
h4 {
    color: black;
    background-color: #bdc6de;
}
hr.TL {
    color: #106090;
    size: 1px;
}
img {
    border-style: none;
}
table {
    border-color: #6699ff;
    border-style: outset;
    border-width: 2px;
}
table.b0 {
    border-width: 0px;
}
table.b0p5 {
    border-width: 0px;
    padding: 5px;
}
table.b0p10 {
    border-width: 0px;
    padding: 10px;
}
th {
    background-color: #bdc6de;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
th.ltblue {
    background-color: #99ccff;
}
th.print {
    background-color: white;
}
th.ss {
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}
td {
    vertical-align: middle;
}
td.cp5 {
    text-align: center;
    padding: 5px;
}
td.cp5ss {
    text-align: center;
    padding: 5px;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}
td.smaller {
    font-size: smaller;
}
td.smallerss {
    font-size: smaller;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}
td.ss {
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}
td.black-rt50 {
    color: black;
    background-color: white;
    font-weight: bold;
    font-family: Times New Roman, serif;
    text-align: right;
    width: 50%;
}
td.black-lt50 {
    color: black;
    background-color: white;
    font-weight: bold;
    font-family: Times New Roman, serif;
    text-align: left;
    width: 50%;
}
td.dkblue-rt {
    color: #1e2475;
    font-weight: bold;
    text-align: right;
    width: 40%;
}
td.dkblue-lt {
    color: #1e2475;
    font-weight: bold;
    text-align: left;
    width: 15%;
}
tr {
    vertical-align: middle;
}
tr.dustblue {
    color: #1e2475;
    background-color: #bdc6de;
    text-align: center;
}
tr.Metblue {
    color: #2a60b0;
    background-color: #a8d2f8;
    text-align: center;
}
tr.paleblue {
    background-color: #ccccff;
}
tr.palecyan {
    background-color: #ccffff;
}
tr.palegrey {
    background-color: #d4d4d4;
}
tr.palegreen {
    background-color: #ddffbb;
}
tr.paleorange {
    background-color: #ffcc66;
}
tr.palepink {
    background-color: #ffcccc;
}
tr.paleyellow {
    background-color: #ffffcc;
}
tr.white {
    color: black;
    background-color: white;
    text-align: left;
}