body {
  width: 99%;
  height: 99%;
}
p {
  margin: 0 5px 5px 0;
}
strong {
  font-size: inherit;
}
/* message status classes used all over the place */
.unreadBullet {
  display: inline;
  font-size: x-large;
  color: #FD9E0E;
  line-height: 26px;
  vertical-align: middle;
}
.readBullet {
  /* possible deletion */
  font-size: medium;
  font-weight: bold;
  letter-spacing: -0.25em;
}
.repliedBullet {
  font-size: medium;
  font-weight: normal;
}
.deletedDchar {
  font-size: x-small;
  font-weight: bold;
  color: #FD9E0E;
}
/* logo and close link at top of the page */
#TopBar {
  background-color: transparent;
  position: static;
  height: auto;
  width: 100%;
  margin: 10px 0 0 0;
}
#closeLink {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: medium;
  font-weight: bold;
}
#tempV4links {
  position: absolute;
  top: 0;
  left: 350px;
  font-size: small;
  font-weight: bolder;
}
/* container for entire page except logo and close link */
#wholePageContents {
  position: static;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  margin: 0;
}
/* top controls above blue header line*/
#msgListControlsDiv {
  margin-bottom: 6px;
  display: block;
  margin-left: 5px;
  margin-right: 155px;
  width: auto;
  top: 0;
  right: 0;
  position: relative;
  text-align: right;
}
#msgsShownTxt {
  display: inline;
  font-weight: bold;
  font-size: small;
}
#msgListManualPageNav {
  font-size: small;
  font-weight: bold;
  position: absolute;
  color: #CCCCCC;
  right: 163px;
  top: 10px;
}
#prevNextTxtNav {
  display: inline;
  font-weight: bold;
  font-size: small;
}
/* Header, Nav and Footer Container*/
#mailListCtrlsAndNav {
  display: table;
  position: relative;
  width: 845px;
  height: 450px;
  background-color: transparent;
  float: left;
  clear: left;
}
#mailListCtrlsAndNav2 {
  display: block;
  position: relative;
  width: 84%;
  background-color: transparent;
  float: left;
  clear: left;
  height: 550px;
}
/* Skyscraper Ad in mail */
.skyscraperAdMail {
  padding-left: 0;
  width: 120px;
  height: 468px;
  color: #333;
  background-color: transparent;
  text-align: center;
  vertical-align: top;
}
/* Nav and mail box buttons */
#mboxNavLinks {
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: 110px;
  min-height: 450px;
  padding-top: 5px;
  margin-left: 0;
  z-index: 100;
  background-color: #1E4696;
}
#mailListCtrlsAndNav2 #mboxNavLinks {
  display: block;
  position: relative;
  float: left;
  width: 110px;
  height: 550px;
  padding-top: 5px;
  margin-left: 0;
  z-index: 100;
  background-color: #1E4696;
}
#mboxNavLinks a,
#mboxNavLinks a:link,
#mboxNavLinks a:visited {
  display: block;
  position: relative;
  width: 80px;
  color: #FFF;
  background-color: #081C3E;
  background-image: url(../images/ui/fade_navy.png);
  border: 1px #888 solid;
  margin: 0 auto;
  margin-bottom: 5px;
  text-align: center;
  padding: 2px 5px;
  font-weight: bold;
  font-size: small;
}
#mboxNavLinks a:hover {
  color: #FF9900;
  text-decoration: none;
}
#mboxNavLinks a:active {
  color: #FF2300;
  text-decoration: none;
}
#mboxNavLinks a.box_highlight,
#mboxNavLinks a.box_highlight:link,
#mboxNavLinks a.box_highlight:visited {
  color: #b2c8e0;
  text-decoration: none;
}
#mboxNavLinks a.box_highlight:hover {
  color: #FF9900;
  text-decoration: none;
}
#mboxNavLinks a.box_highlight:active {
  color: #FF2300;
  text-decoration: none;
}
/* Header, list of emails and footer container*/
#mailMainContentsPstnDiv {
  vertical-align: top;
  position: relative;
  width: auto;
  padding: 0;
  background-color: transparent;
}
#msgsListTableDiv {
  background-color: transparent;
  width: auto;
  min-height: 426px;
  margin: 0;
}
/* Header */
#mailListTH {
  background-color: #1E4696;
  font-weight: normal;
  height: 30px;
}
#mailActionsDivTop {
  background-color: #1E4696;
  font-weight: normal;
  height: 25px;
  padding-top: 5px;
}
#helpBackgroundCornerDiv {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 10%;
  height: 30px;
  background-color: #1E4696;
}
/*  LOOK IN mail_list.css FOR CLASS USED IN THE LIST OF EMAILS */
.mail-checkbox {
  padding-left: 5px;
  padding-right: 5px;
}
/* Footer */
#mailActionsDivBtm {
  display: block;
  bottom: 0;
  width: 751px;
  height: 26px;
  padding-top: 4px;
  background-color: #1E4696;
}
.bottomButton,
.bottomButton:link,
.bottomButton:visited {
  display: block;
  position: static;
  float: left;
  width: auto;
  color: #FFF;
  background-color: #081C3E;
  background-image: url(../images/ui/fade_navy.png);
  border: 1px #888 solid;
  margin: 0 5px;
  text-align: center;
  padding: 2px 15px;
  font-weight: normal;
  font-size: small;
  cursor: pointer;
}
.bottomButton:hover {
  color: #FF9900;
  text-decoration: none;
}
.bottomButton:focus {
  color: inherit;
  outline: none;
}
.bottomButton:active {
  color: #FF2300;
  text-decoration: none;
  background-position: 0 0;
}
.bottomButtonDisabled,
.bottomButtonDisabled:hover {
  color: #888 !important;
  cursor: default;
}
/* Legend and Tips Section */
#legendAndTips {
  display: block;
  position: relative;
  clear: both;
  margin: 0;
  line-height: 1em;
  width: 98.25%;
  margin-top: 25px;
}
#legend {
  position: absolute;
  font-size: x-small;
  font-weight: normal;
  float: left;
  margin: 0;
}
#tips {
  position: absolute;
  font-size: x-small;
  font-weight: normal;
  margin-left: 50%;
  width: auto;
  padding: 0;
  margin: 0;
  text-align: right;
  right: 0;
}
/***********************************************************************************
**   mail_list.css
***********************************************************************************/
#msgsListTable {
  position: relative;
  font-size: small;
  width: 750px;
  white-space: nowrap;
}
#msgsListTable .msgsListUndldTd div {
  width: auto;
  overflow: hidden;
  white-space: nowrap;
}
#msgsListTable td a,
#msgsList td span {
  margin-left: 5px;
}
#msgsListTable td strong a {
  color: #F90;
}
/* every other message stripes */
.pajamaStripeDark {
  background-color: #041d4d;
}
.pajamaStripeLight {
  background-color: #052868;
}
/* view folder icons */
td.msgsListUndldTd img.buddyIcon {
  width: 12px;
  height: 12px;
  position: static;
  margin-left: 3px;
  vertical-align: middle;
}
td.msgsListUndldTd img.buddyOnline {
  background-image: url(../images/ui/buddy_online_small.png);
}
td.msgsListUndldTd img.buddyOffline {
  background-image: none;
}
td.msgsListUndldTd img.buddyMobile {
  background-image: url(../images/ui/buddy_mobile_small.png);
}
td.msgsListUndldTd img.buddyStar {
  width: 16px;
  background-image: url(../images/ui/buddy_star_small.png);
}
td.msgsListUndldTd img.buddyUnlock {
  width: 13px;
  background-image: url(../images/ui/buddy_unlock_small.png);
}
td.msgsListUndldTd img.buddyStarHidden {
  width: 16px;
}
/* message status icons */
#msgsListTable img.messageIcon {
  height: 18px;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat;
}
#msgsListTable img.messageUnread {
  background-image: url(../images/ui/mail_unread.png);
}
#msgsListTable img.messageUnreadOfficial {
  background-image: url(../images/ui/mail_official.png);
  width: 26px;
}
#msgsListTable img.messageRead {
  background-image: url(../images/ui/mail_read.png);
}
#msgsListTable img.messageReplied {
  background-image: url(../images/ui/mail_reply.png);
}
#msgsListTable img.messageDeleted {
  background-image: url(../images/ui/mail_deleted.png);
}
#msgsListTable img.messageReadDeleted {
  background-image: url(../images/ui/mail_read_deleted.png);
}
/* unread messages */
#msgsListTable a.msgUnread,
#msgsListTable a.msgUnread:link {
  color: #FF9900;
  font-weight: normal;
}
#msgsListTable a.msgUnread:hover {
  color: #b2c8e0;
  font-weight: normal;
}
#msgsListTable a.officialMailMessage,
#msgsListTable a.officialMailMessage:link {
  color: #b2c8e0;
}
#msgsListTable a.officialMailMessage:hover {
  color: #fff;
}
/* read message */
#msgsListTable a,
#msgsList a:link,
#msgsList a:visited {
  color: #FFFFFF;
  font-weight: normal;
  vertical-align: middle;
}
#msgsListTable a:hover {
  color: #b2c8e0;
  font-weight: normal;
}
/* delete message link */
#msgsListTable a.msgDelLink {
  display: block;
  height: 18px;
  width: 18px;
  background-image: url(../images/ui/red_x.png);
  text-decoration: none;
}
#msgsListTable a.msgDelLink:hover {
  color: #b2c8e0;
  font-weight: bold;
  text-decoration: none;
}
/* unsend message link */
#msgsListTable a.msgUnsendLink {
  display: block;
  height: 18px;
  width: 18px;
  background-image: url(../images/ui/mail_unsend.png);
  background-position: center center;
  background-repeat: no-repeat;
  text-decoration: none;
}
#msgsListTable a.msgUnsendLink:hover {
  background-image: url(../images/ui/mail_unsend.png);
}
/* message bottom border */
td.msgsListUndldTd {
  padding: 0;
  border-bottom: 0 #BBB solid;
  line-height: 26px;
}
#msgsListTable a.viewProfileLink,
#msgsListTable a.viewProfileLink:link,
#msgsListTable a.viewProfileLink:visited {
  color: #C6C6FF;
}
#msgsListTable a.viewProfileLink:hover {
  color: #FFFF00;
}
#selectAllMsgsCbDiv {
  display: inline;
  font-weight: bold;
  font-size: small;
}
/* LEGEND ICONS */
#legend span {
  vertical-align: middle;
}
#legend img.messageIcon {
  width: 18px;
  height: 18px;
  margin: 2px 4px 2px 0;
  vertical-align: middle;
  background-position: right center;
  background-repeat: no-repeat;
}
#legend img.messageUnread {
  background-image: url(../images/ui/mail_unread.png);
}
#legend img.messageRead {
  background-image: url(../images/ui/mail_read.png);
}
#legend img.messageReplied {
  background-image: url(../images/ui/mail_reply.png);
}
#legend img.messageDelete {
  background-image: url(../images/ui/red_x.png);
}
#legend img.messageUnsend {
  background-image: url(../images/ui/mail_unsend.png);
}
#legend img.messageDeleted {
  background-image: url(../images/ui/mail_deleted.png);
}
#legend img.messageReadDeleted {
  background-image: url(../images/ui/mail_read_deleted.png);
}
#legend > p > img + span + img {
  padding-left: 20px;
}
#legend > p,
#legendAndTips > p {
  padding: 3px;
  margin: 5px;
}
/***********************************************************************************
**   mail_read.css
***********************************************************************************/
/* message sender header container */
#msgRecipHdrsAndPic {
  display: block;
  position: relative;
  width: auto;
  margin-top: 10px;
  margin-left: 120px;
}
/* message sender image */
#readRecipProfLink a,
#readRecipProfLink a:link,
#readRecipProfLink a:visited {
  display: block;
  position: relative;
  float: left;
  width: 50px;
  height: 50px;
  background-color: #000;
  background-image: url(../images/ui/member_no_photo_thumb.png);
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px #888 solid;
}
#readRecipProfLink a:hover {
  border: 1px #F90 solid;
  text-decoration: none;
}
/* message sender info container */
#msgReadHeadersTxt {
  font-size: small;
  line-height: 12px;
  margin-left: 60px;
}
#msgReadHeadersTxt td {
  line-height: 12px;
}
/* message text container and text */
#msgTextDiv {
  display: block;
  position: relative;
  padding: 5px 15px;
  margin-top: 10px;
  margin-left: 10px;
  width: auto;
  height: 80%;
  color: white;
  /*  background-color: #081C3E;
    border: 1px #888 solid; */
  overflow: auto;
}
.msgReadTxt {
  font-family: arial, sans-serif;
  font-size: small;
  font-weight: normal;
  color: #fff;
}
.subject {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 330px !important;
  /* 315 */
  display: block;
}
/***********************************************************************************
**   mail_compose.css
***********************************************************************************/
#msgsListTableDiv.composeDiv {
  position: relative;
  height: 345px;
}
#msgComposeTable {
  position: static;
}
.msgActCheckBox {
  display: inline;
  position: relative;
  top: -1px;
}
#messageActionsCbsDiv {
  position: relative;
  float: left;
  width: 60%;
  font-size: small;
}
#messageActionsSendDiv {
  position: relative;
  margin-left: 60%;
  width: auto;
  text-align: right;
}
#insertStdMsgLinkItem embed {
  margin-right: -6px;
}
.textfield_dark {
  display: block;
  position: relative;
  width: 98%;
  height: 180px;
  font-size: small;
  font-weight: normal;
  color: #eee;
  border: 1px #000 solid;
  background-color: #081C3E;
  padding: 5px;
}
input[type='text'].subject_field {
  display: block;
  position: relative;
  width: 98%;
  font-size: small;
  font-weight: normal;
  color: #eee;
  border: 1px #000 solid;
  background-color: #081C3E;
  padding: 3px 5px;
}
.onlineIndicator {
  position: relative;
  top: -1px;
}
#mailAd {
  display: none;
  position: relative;
  width: 540px;
  margin: 30px auto;
}
/***********************************************************************************
**   crappidity crap
***********************************************************************************/
#msgListMboxActionsDivBtm,
#msgListMboxActionsDivTop {
  float: left;
  clear: both;
}
#recipProfLink {
  position: absolute;
  right: 22px;
  top: -20px;
}
#msgListManualPageNav select {
  font-size: x-small;
  position: relative;
  top: -1px;
  left: 8px;
  width: 50px;
}
#mailFrm #feedbackOrControlMsg a {
  font-size: x-small;
  font-weight: normal;
}
#mailFrm #feedbackOrControlMsg {
  position: absolute;
  left: 12px;
  top: 26px;
}
#msgListMboxActionsDivTop,
#msgListMboxActionsDivBtm {
  margin-left: 18px;
}
.picDescRow {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 12px;
}
.imgFloatLeft {
  margin-right: 12px;
  float: left;
  clear: both;
  margin-bottom: 12px;
  border: thin solid #4D87A4;
}
#welcomeEmail {
  margin-left: 8px;
}
.stronger {
  font-weight: bold;
}
table.mailFolderTbl {
  font-size: 8pt;
  color: #fff;
}
td.mainFolderBlk {
  vertical-align: top;
  width: 870px;
}
td.adRightBlk {
  vertical-align: top;
  align: right;
}