/**************************
Base Formating
**************************/
* {
  margin: 0;
  padding: 0;
}
body {
  font-family: Verdana, Sans-Serif;
  font-size: medium;
  color: #000000;
  background-color: #d7dddd;
}
a {
  color: #000000;
  text-decoration: underline;
}
a:hover, a:focus {
  text-decoration: none;
}
a:active {
  color: #ffffff;
  text-decoration: none;
}
table td, table th {
  padding: 1px 4px;
}
.basecontent {
  width: 820px;
  text-align: center;
  margin: 0 auto;
  padding: 15px 0;
}
/****************************
Page Header and Footer Styling
****************************/
#head, #foot {
  position: relative;
  width: 100%;
  min-width: 820px;
  clear: both;
  text-align: center;
  margin: 0 auto;
  background-color: #000000;
  border-top: solid 1px #000000;
  border-bottom: solid 1px #000000;
}
#head {
  height: 82px;
  background-image: url('../../Images/UMGDglobe.jpg');
  background-repeat: no-repeat;
  background-position: 5px top;
    top: 0px;
    left: 0px;
}
#head .breadcrumbs {
  position: absolute;
  top: 0;
  right: 5px;
  z-index: 1;
}
#head .breadcrumbs a {
  height: 2.25ex;
  font-weight: bold;
  font-size: x-small;
  color: #ffffff;
  float: right;
  display: block;
  padding: 0 0 0 1em;
}
#head #mastHead, #foot #mastFoot {
  width: 820px;
  height: 100%;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  background: url(../../Images/Fade.jpg);
  background-repeat: repeat-y;
  background-position: center;
  margin: 0 auto;
}
#head #mastHead {
  position: relative;
  font-size: xx-large;
}
#foot #mastFoot {
  font-size: small;
}
#head #mastHead div#woetext {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#head #LoginStamp {
  position: absolute;
  bottom: 0;
  right: 5px;
  text-align: right;
  color: #ffffff;
  font-size: x-small;
  font-weight: bold;
  text-transform: capitalize;
}
/*****************************
Common Element Styling
*****************************/
div.disclaimer {
  font-size: x-small;
  text-align: left;
}
div.base {
  clear: both;
}
div.EntryOptions {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
a.entryOption {
  clear: right;
  float: right;
  display: block;
  font-size: xx-small;
  padding: 1px;
  height: 2.75ex;
  font-weight: bold;
  text-align: center;
}
a.entryOption:hover, a.entryOption:focus, a.entryOption:active {
  padding: 0;
  background-color: #d2b48c;
}
.Filter {
  margin: 0 auto;
}
.Filter label {
  padding: 0 .25em;
}
.Pager table {
  text-align: center;
  margin: 0 auto;
}
.Pager td {
  text-align: center;
}
.Pager a, .TableRow a, .TableRowAlt a, .CmdColFooter a {
  display: block;
  width: 100%;
  height: 100%;
  margin: -1px -4px;
  padding: 1px 4px;
  font-weight: bold;
}
.Pager a:hover, .Pager a:focus, .Pager a:active, .TableRow a:hover, .TableRow a:focus, .TableRow a:active, .TableRowAlt a:hover, .TableRowAlt a:focus, .TableRowAlt a:active, .CmdColFooter a:hover, .CmdColFooter a:focus, .CmdColFooter a:active {
  padding: 0 3px;
  border: solid 1px #000000;
}
th.CmdColHeader {
  white-space: nowrap;
}
/* Text that replaces link when clicked */
.linkClickedText {
  display: block;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-weight: bold;
}
.Validator {
  font-weight: bold;
  font-size: small;
  color: Red;
}
.ValidationText {
  font-size: small;
  width: 50%;
  margin: 0 auto 15px auto;
  padding: 5px;
  border: solid 2px red;
  background-color: #fff7e0;
}
.ValidationText ul {
  text-align: left;
  color: Red;
  font-weight: bold;
  list-style: square inside;
}
/*****************************
Container Styling
*****************************/
.TanBox, .PinkBox {
  position: relative;
  width: 800px;
  margin: 0 auto;
  padding: 10px;
}
div.TanImageTop, div.PinkImageTop, div.TanImageBottom, div.PinkImageBottom {
  display: block;
  height: 0px;
  width: 820px;
}
div.TanImageTop, div.PinkImageTop {
  position: absolute;
  top: 0;
  left: 0;
}
div.TanImageBottom, div.PinkImageBottom {
  position: absolute;
  bottom: -26px;
  left: -5px;
}
/* IE absolute bottom hack */
* html div.TanImageBottom, * html div.PinkImageBottom {
  margin-bottom: -1px;
}
.PinkBox {
  background-color: #fff7e0;
  background-image: url(../../images/search-bg.png);
  background-repeat: repeat-y;
  background-position: top;
}
div.PinkImageTop {
  background-image: url(../../images/search-bg-top.png);
  background-repeat: no-repeat;
  background-position: top;
}
div.PinkImageBottom {
  background-image: url(../../images/search-bg-bottom.png);
  background-repeat: no-repeat;
  background-position: bottom;
}
.PinkBox .Filter {
  border: #d7b19a 1px solid;
}
.TanBox {
  background-color: #fafad2;
  background-image: url(../../images/nav-bg.png);
  background-repeat: repeat-y;
  background-position: top;
}
div.TanImageTop {
  background-image: url(../../images/nav-bg-top.png);
  background-repeat: no-repeat;
  background-position: top;
}
div.TanImageBottom {
  background-image: url(../../images/nav-bg-bottom.png);
  background-repeat: no-repeat;
  background-position: bottom;
}
.TanBar {
  position: relative;
  width: 820px;
  font-weight: bold;
  font-size: large;
  height: 2.25ex;
  min-height: 20px;
  padding: 0;
  margin: 0 auto;
  background-image: url(../../images/nav-bg.png);
  background-repeat: repeat-y;
  background-position: top;
}
.TanBar div.TanText {
  position: relative;
  text-align: center;
  width: 800px;
  height: 100%;
  margin: 0 auto;
  z-index: 1;
}
.TanHeader {
  background-color: #eee8aa;
  font-weight: bold;
}
/****************************
Main Navigation Styling
****************************/
#NavPane {
  font-size: x-small;
  font-weight: bold;
  color: #000000;
}
#NavPane #MasterDate {
  z-index: 0;
}
div.navmenu {
  width: auto;
  height: 100%;
  text-transform: capitalize;
  margin: 0 auto;
  z-index: 1;
}
div.navmenu a {
  display: block;
  padding: 0 .5em;
  margin: 0;
  height: 100%;
  font-weight: bold;
  text-align: center;
}
div.navmenu a:hover, div.navmenu a:focus {
  background-color: #fafad2;
  background-image: url(../../images/nav-bg-hover.png);
  background-repeat: repeat-x;
  background-position: bottom;
}
div.navmenu a:active {
  background-color: #fafad2;
  background-image: url(../../images/nav-bg-base.png);
  background-repeat: repeat-x;
  background-position: top;
}
#NavMenuLeft {
  position: absolute;
  bottom: 0;
  left: 0;
  border-left: solid 1px #d2b48c;
}
#NavMenuLeft a {
  float: left;
  border-right: 1px solid #d2b48c;
}
#NavMenuRight {
  position: absolute;
  bottom: 0;
  right: 0;
  border-right: solid 1px #d2b48c;
}
#NavMenuRight a {
  float: right;
  border-left: 1px solid #d2b48c;
}
/****************************
Login Styling
****************************/
.Login {
  font-weight: bold;
  text-align: left;
  font-size: small;
  margin: 0 auto;
}
.Login label {
  padding: 0 .25em;
}
.Login a {
  font-size: small;
}
.LoginTitle {
  text-align: center;
}
.FailInfo {
  font-weight: normal;
}
.InvalidRole {
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
}
/****************************
AJAX Modal Dialog Styling
****************************/
.modalBackground {
  background-color: #808080;
  min-height: 100%;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
* html .modalBackground {
  height: 100%;
}
.modalProgress {
  position: relative;
  border: solid 2px #808080;
  background-color: #fff7e0;
  width: 25%;
  max-width: 25%;
}
div.Progress {
  text-align: center;
  font-size: small;
  padding: 2ex 1em;
}
.modalCloseButton {
  border: solid 2px #ffffff;
  margin: 2px;
  float: right;
}
.modalUpdProd {
  border: solid 1px #808080;
  background-color: #d7dddd;
  width: 820px;
}
.modalUpdProd .TanBar {
  margin-bottom: 15px;
}
/*****************************
Admin Pages Styling
*****************************/
#AdminInfo {
  font-size: small;
}
#AdminTitle {
  font-size: large;
  border: solid 1px #d2b48c;
}
div.AdminEmailEntry {
  position: relative;
  width: 100%;
  margin: 5px auto 0 auto;
}
div.AdminEmailEntry .entryOption:hover, div.AdminEmailEntry .entryOption:focus {
  border: solid 1px #d2b48c;
  background-color: #fafad2;
  background-image: url(../../images/nav-bg-hover.png);
  background-repeat: repeat-x;
  background-position: bottom;
}
div.AdminEmailEntry .entryOption:active {
  border: solid 1px #d2b48c;
  background-color: #d7b19a;
  background-image: url(../../images/nav-bg-base.png);
  background-repeat: repeat-x;
  background-position: bottom;
}
div.AdminEmailEntry .ChgUserEmail {
  font-weight: bold;
}
.EditFields {
  width: 49%;
  margin: 1ex 0 0 0;
  border: solid 1px #d2b48c;
}
#EditUIData {
  float: left;
}
#EditAppData {
  float: right;
}
.UserDetail {
  text-align: left;
  width: 100%;
}
.UserDetail td {
  vertical-align: top;
}
.UserDetail .TanHeader {
  font-size: x-small;
  text-align: right;
}
.UserDetail .TableRow {
  background-color: #fafad2;
}
.UserDetail .TableRowAlt {
  background-color: #fafab4;
}
.UserDetail .DetailFieldHeader {
  font-weight: bold;
  text-align: right;
}
.AdminAddEditLink {
  font-weight: bold;
}
.FilterData {
  float: left;
  width: 46%;
  margin: 1ex 2px 0 2px;
}
.FilterEntry {
  float: right;
  width: 50%;
  margin: 1ex 2px 0 2px;
  border: solid 1px #d2b48c;
}
.FilterEntry .FilterInput {
  text-align: center;
}
.CustFilter {
  border: solid 1px #d2b48c;
  margin: 0 auto;
}
.CustFilter .TableRow, .CustFilterEmpty {
  background-color: #fafab4;
}
.CustFilter .TableRowAlt {
  background-color: #f3f3a0;
}
.list, .details {
  text-align: left;
  font-size: x-small;
  border: solid 1px #d2b48c;
}
.list {
  float: left;
  width: 54%;
}
.details {
  float: right;
  width: 44%;
}
.UserList {
  width: 100%;
}
.UserList td {
  vertical-align: top;
}
.ListHeader, .ListFooter, .UserList .Pager {
  background-color: #ffffaf;
}
.ListHeader th {
  border-bottom: solid 1px #d2b48c;
}
.UserList .Pager td {
  border-top: solid 1px #d2b48c;
}
.UserList .Pager td td {
  border: 0;
}
.UserList .Pager a:hover, .UserList .Pager a:focus, .UserList .Pager a:active {
  border: solid 1px #d2b48c;
  background-color: #fafad2;
}
.UserList .TableRow {
  background-color: #fafad2;
}
.UserList .TableRowAlt {
  background-color: #fafab4;
}
.UserList .TableRowSelect {
  background-color: #eee8aa;
}
.adminFiller1 {
  height: 15ex;
}
.adminFiller2 {
  height: 5ex;
}
/*****************************
Lookup Interface Styling
*****************************/
.LookupInfo {
  clear: both;
  font-size: small;
  text-align: center;
  margin-bottom: 15px;
}
div.OrdEntry {
  position: relative;
  width: 100%;
}
div.OrdEntry .EntryOptions {
  top: 10px;
  right: 10px;
}
div.OrdEntry .entryOption:hover, div.OrdEntry .entryOption:focus {
  background-color: #fff7e0;
  background-image: url(../../images/search-bg-hover.png);
  background-repeat: repeat-x;
  background-position: bottom;
  border: #d7b19a 1px solid;
}
div.OrdEntry .entryOption:active {
  background-color: #d7b19a;
  background-image: url(../../images/search-bg-base.png);
  background-repeat: repeat-x;
  background-position: bottom;
  border: #d7b19a 1px solid;
}
input.file {
  margin: 0 auto;
}
/* IE file input hack */
* html input.file {
  width: 500px;
}
.LookupHeading {
  font-size: x-small;
  font-weight: bold;
}
.LookupInput label {
  font-weight: bold;
  margin: 0 .5em;
}
.SearchResults {
  color: #000000;
  font-size: x-small;
  margin: 5px auto 0 auto;
  width: 100%;
  border: solid 1px #333333;
}
.SearchResults .linkClickedText {
  margin: -1px -4px;
  padding: 0 3px;
  border: solid 1px #000000;
  background-color: #5d7b9d;
}
.SearchResults a:hover, .SearchResults a:focus, .SearchResults a:active {
  background-color: #5d7b9d;
}
.SearchResults td {
  vertical-align: top;
  text-align: left;
  border: solid 1px #333333;
}
.SearchResults th {
  vertical-align: bottom;
  text-align: left;
  border: solid 1px #333333;
}
.SearchResults caption {
  color: #ffffff;
  font-weight: bold;
  font-size: large;
  background-color: #5D7B9D;
  border: solid 1px #333333;
}
.SearchResults .Pager {
  color: #ffffff;
  background-color: #5D7B9D;
}
.SearchResults .Pager a {
  color: #ffffff;
}
.SearchResults .Pager td td {
  border: 0;
}
.SearchHeader, .SearchFooter {
  color: #ffffff;
  background-color: #5D7B9D;
}
.SearchHeader a, .SearchFooter a {
  color: #ffffff;
}
.SearchHeader img {
  margin: 2px 0 0 2px;
}
.SearchResults .TableRow {
  background-color: #F7F6F3;
}
.SearchResults .TableRowAlt {
  background-color: #ffffff;
}
.SearchResults .TableRow a:hover, .SearchResults .TableRow a:focus, .SearchResults .TableRowAlt a:hover, .SearchResults .TableRowAlt a:focus {
  color: #ffffff;
}
.SearchResults .TableRow a:active, .SearchResults .TableRowAlt a:active {
  color: #000000;
}
.ScrollWindow {
  width: 100%;
  height: 400px;
}
.ScrollHeader {
  position: relative;
}
.EmptySearchResults td {
  font-weight: bold;
  text-align: center;
  background-color: #5D7B9D;
  color: #ffffff;
  font-size: medium;
}
.SearchTotalFound {
  font-weight: bold;
  color: Red;
}
/*****************************
Order Information Styling
*****************************/
/* Order Header */
.OrdInfo {
  clear: both;
  font-size: x-small;
  margin-bottom: 15px;
}
#CustHeaderData {
  float: right;
  text-align: left;
  width: 33%;
}
.CustData {
  color: #000000;
  margin: 0 auto;
}
.CustData .label {
  text-align: right;
  font-weight: bold;
  color: #000000;
}
.CustData .data {
  text-align: left;
  color: #b8860b;
  font-weight: bold;
}
.PageInstruction {
  font-size: large;
  font-weight: bold;
}

/* Order Detail */
.OrdDetail {
  width: 100%;
  color: #000000;
  font-size: x-small;
  margin: 0 auto;
}
.OrdDetail caption {
  font-size: large;
  font-weight: bold;
}
.OrdDetail td {
  vertical-align: top;
  text-align: left;
  border: 1px solid #d2b48c;
}
.OrdDetail th {
  vertical-align: bottom;
  text-align: left;
  border: 1px solid #d2b48c;
}
.OrdDetail .Pager td td {
  border: 0;
}
.OrdDetail .linkClickedText {
  margin: -1px -4px;
  padding: 0 3px;
  border: solid 1px #000000;
  background-color: #d2b48c;
}
.OrdDetail a:hover, .OrdDetail a:focus {
  background-color: #d2b48c;
  background-image: url(../../images/nav-bg-hover.png);
  background-repeat: repeat-x;
  background-position: top;
}
.OrdDetail a:active {
  background-color: #d2b48c;
  background-image: url(../../images/nav-bg-base.png);
  background-repeat: repeat-x;
  background-position: bottom;
}
.OrdDetailHeader, .OrdDetailFooter {
  font-weight: bold;
  background-color: #d2b48c;
}
.OrdDetail .TableRow {
  background-color: #fafad2;
}
.OrdDetail .TableRowAlt {
  background-color: #eee8aa;
}
td.OrdDetailPriceColumn, td.OrdDetailDiscPctColumn, td.OrdDetailQtyColumn {
  text-align: right;
}
.OrdDetailEmpty {
  color: #000000;
  font-weight: bold;
  background-color: #eee8aa;
}
.OrdDetailEmpty td {
  text-align: center;
}
.OrdDetailSelected {
  font-weight: bold;
}
.OrdDetailCellError, .OrdDetailCellError a {
  color: #ffffff;
  font-weight: bold;
  background-color: #ff8a8a;
}
.OrdDetailCellError a:hover, .OrdDetailCellError a:focus {
  color: #000000;
}
.OrdDetailCellError a:active {
  color: #ffffff;
}
/*****************************
Order Completed Styling
*****************************/
#Complete {
  margin-bottom: 15px;
}
#confirm {
  width: 75%;
  font-size: medium;
  text-align: left;
  margin: 0 auto;
  padding: 0;
}
.Info {
  color: #b8860b;
  font-weight: bold;
}
.OrderSummary {
  float: right;
  margin: 1ex 0 1ex 1em;
  border: solid 1px #000000;
  font-size: small;
  color: #b8860b;
  font-weight: bold;
}
.DataLabel {
  font-weight: bold;
  color: #000000;
  text-align: right;
}
#emailDiv {
  text-align: center;
  font-size: small;
  font-weight: bold;
}
/*****************************
Contact Information Styling
*****************************/
#Contact {
  margin: 0 auto;
  text-align: left;
  width: 20em;
}
.ContactInfo {
  font-weight: bold;
}