@charset "UTF-8";
/************** header_footer.css **************/

/* header classes*/

.headerTitle {
    color: #f66200;
    font-size: 14pt;

}

A {
    font-weight: normal;
    font-size: 9px;
    text-decoration: none;
}

A:visited {
    text-decoration: none;
}

A:active {
    text-decoration: none;
}

A:hover {
    text-decoration: none;
}

.welcome {
    color: #536174;
    font-size: 8pt;
    font-weight: bold;
}

.headerMenuDefault {
    color: #536174;

    font-size: 7pt;
    font-weight: bold;
    width: 85px;
    background: url("../images/navlink.gif") no-repeat left;
    text-indent: 18px;
}

.menubar {
    background-color: #EE7900;
    height: 22px;
    position: relative;
    min-width: 800px;
}

#header {
    /*width: 1024px;*/
    min-width: 800px;
}

#logo {
    background-image: url(../images/up-logo-newDefault.png);
    background-repeat: no-repeat;
    height: 84px;
    text-align: right;
    padding-right: 30px;
    padding-top: 10px;
}

.headerMenuHover {
    color: #536174;
    font-size: 7pt;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    width: 85px;
    background: url("../images/navlink.gif") no-repeat left;
    text-indent: 18px;
}

/*Footer classes*/
.footer {
    border-top: 1px solid #536174;
    color: #536174;
    font-size: 7pt;
    font-weight: bold;
}

/************** umadmin.css **************/

body {
    background-color: #ffffff;
    font-family: Arial, Helvetica;
    font-size: 8pt;
    border-width: 0px 0px;
    padding: 0px 0px;
    margin: 0;
    min-width: 800px;
}

td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

a {
    text-decoration: none;
    /* color: none; */
}

a:hover {
    text-decoration: underline;
}

/*Body classes*/
.manage TH, .manage TD {
    border-width: 0px 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    white-space: nowrap;
}

.manage TH {
    /*background-color: #F0F0F0;*/
    background: url("../images/title.png");
    color: #536174;

    border-left: 1px solid white;
    border-top: 1px solid white;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    text-align: left;
}

.manage TD {
    text-align: left;
}

.evenRow {
    background-color: #FFFFFF;
}

.unevenRow {
    background-color: #F0F0F0;
}

.selectedRow {
    background-color: #AAAAEE;
}

.evenNewRow {
    background-color: #C8FFC8;
}

.unevenNewRow {
    background-color: #DDFFDD;
}

.selectedNewRow {
    background-color: #00C000;
}

.unSelectedRow {
    background-color: #FFFFF4;
}

.unSelectedRowTabbedPanels {
    background-color: #EEE;
}

.edit TH {
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    white-space: nowrap;
}

.linkBld {
    font-weight: bold;
    font-size: 8pt;
}

.headerOvw {
    background-color: #EFEFEF;
    border-top: 2px solid black;
    border-bottom: 1px solid black;
}

.bodyHeader {
    border-bottom: 1px solid #536174;
    font-size: 9pt;
    color: white;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;

}

.header {
    background-color: #465059;
    color: white;
}

.subHeader {
    background-color: #F4F4F4;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;

}

#body {
    margin-top: 1px;  /* 0px gives for some strange reason wrong layout on firefox 13.0.1 on Windows Vista */
}

.headerData {
    font-weight: bold;
    border-left-style: none;
    border-left-width: medium;
    border-right-style: none;
    border-right-width: medium;
    border-top-style: none;
    border-top-width: medium;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: Black;
}

.field {
    border: 1px solid #C0C0C0;
    background-color: white;
    height: 20px;
    width: 350px;
}

.field-small, .field-medium, .field-large, .field-full, .field-nowidth, .field-fullsize {
    border: 1px solid #C0C0C0;
    background-color: white;
    height: 20px;
}

.field [disabled=true], .field-small[disabled=true], .field-medium[disabled=true], .field-large[disabled=true] {
    color: #808080;
}

.field-nowidth, .field-fullsize {
    font-size: 7pt;
}

.field-nowidth[readonly], .field-fullsize[readonly] {
    color: #000000;
}

.field-small {
    width: 50px;
}

.field-medium {
    width: 150px;
}

.field-large {
    width: 350px;
}

.field-full {
    width: 100%;
}

.field [readonly] {
    color: #808080;
    background-color: #FFFFC0;
}

.dateField {
    border: 1px solid #C0C0C0;
    color: #404040;
    background-color: #FFFFF0;
    height: 20px;
    width: 70px;
}

.dateTimeField {
    border: 1px solid #C0C0C0;
    color: #404040;
    background-color: #FFFFF0;
    height: 20px;
    width: 105px;
}

.disabledField {
    border: 1px solid #C0C0C0;
    background-color: white;
    color: #808080;
    height: 20px;
    width: 350px;
}

.totalField, .differenceField, .noDifferenceField, .settledField {
    border: thin solid rgb(153, 153, 153);
    text-align: right;
    width: 100px;
    height: 20px;
}

.totalField {
    color: rgb(0, 0, 0);
    background-color: rgb(204, 204, 204);
}

.differenceField {
    color: rgb(256, 256, 256);
    background-color: rgb(153, 0, 0);
}

.noDifferenceField {
    color: rgb(256, 256, 256);
    background-color: rgb(0, 153, 0);
}

.settledField {
    color: rgb(0, 0, 0);
    background-color: rgb(200, 200, 0);
}

.letterMiddleCenter {
    background-color: #FFFFF4;
}

TD.JobListItem {
    border-left-style: none;
    border-left-width: medium;
    border-right-style: none;
    border-right-width: medium;
    border-top-style: none;
    border-top-width: medium;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #000000;
}

.TrackJob_header1 TD {
    border-left-style: none;
    border-left-width: medium;
    border-right-style: none;
    border-right-width: medium;
    border-top-style: none;
    border-top-width: medium;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #000000;
}

.TrackJob_header2 {
    background-color: #E0E0E0;
}

.TrackJob_header3 {
    background-color: #F0F0F0;
}

.OpenLettersSubHeader {
    /*background-color: #E0E0E0;*/
    font-weight: normal;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #000000;
}

SPAN.error {
    color: red;
}

SPAN.message {
    color: green;
}

tr.updated input {
    background-color: #90ee90;
}

#login {
    background: url("../images/LoginBackground.jpg") no-repeat center center fixed;
    height: 500px;
    width: 100%;
    opacity: 0.9;
    filter: alpha(opacity = 90); /* For IE8 and earlier */
}

#loginOverlay {
    width: 400px;
    height: 200px;
    top: 100px;
    position: relative;
    box-shadow: 4px 4px 5px #444444;
    margin-left: auto;
    margin-right: auto;
    background-color: #EAEAEB;
    border-radius: 15px;
    border: 2px solid #EE7900;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.loginInput {
    width: 270px;
    height: 18px;
    margin-left: 4px;
    margin-bottom: 5px;
}

#loginOverlay hr {
    border: 0;
    height: 2px;
    color: black;
    background-color: black;
}

#error {
    margin-left: 10px;
}


/************** SpryMenuBarHorizontal.css **************/

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

			  LAYOUT INFORMATION: describes box model, positioning, z-order
*******************************************************************************/
/*div containing the menu*/
body div.DropDownMenu {
    padding-left: 150px;
    min-width: 800px;
}

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
}

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {
    z-index: 1000;
}

/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 8em;
    float: left;
}

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 12.2em;
    position: absolute;
    left: -1000em;
}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
    left: auto;
}

/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li {
    width: 12.2em;
}

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {
    position: absolute;
    margin: -5% 0 0 95%;
}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
    left: auto;
    top: 0;
}

/*******************************************************************************

			  DESIGN INFORMATION: describes color scheme, borders, fonts

			  *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul {
    border: 2px solid #EE7900;
    background-color: #FDEADA;
}

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a {
    display: block;
    background: transparent;
    cursor: pointer;
    background-color: transparent;
    padding: 0.5em 0.75em;
    color: black;
    text-decoration: none;
}

/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
    background-color: #EE7900;
    color: #FFF;
}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
    background-color: #838DA0;
    color: #FFF;
}

/*******************************************************************************

			  SUBMENU INDICATION: styles if there is a submenu under a given menu item

			  *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu {
    background-image: url(../layouts/SpryAssets/SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {
    background-image: url(../layouts/SpryAssets/SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
    background-image: url(../layouts/SpryAssets/SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
    background-image: url(../layouts/SpryAssets/SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

/*******************************************************************************

			  BROWSER HACKS: the hacks below should not be changed unless you are an expert

			  *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {
    position: absolute;
    z-index: 1010;
}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
    ul.MenuBarHorizontal li.MenuBarItemIE {
        display: inline;
        f\loat: left; /*background: #FFF;*/
        background: transparent;
    }
}

/****************Not a hack! Implemented to archive redirect **********************************************/
.archive_redirect{
  color: red;
  font-weight: normal;
  border-bottom-width: 1px;
  border-color: #000000;
}
.archive_label{
  position:absolute;
  z-index:100;
  font-weight: bold;
  font-size:175%;
  top:60px;
  left:75px;
}
/************************************************************************************************************/