/* CSS Document */
body {
  font: 11px arial,helvetica,sans-serif;
  background: #FFF;
  margin: 0px;
}

h3{
  font-weight: bold;
}

ul {
  margin-top: 5px;
  margin-left: 15px;
  padding-left: 15px;
  line-height: 20px;
  list-style-type: disc;
  color: #f53ca0;
}

thead th{
  white-space: nowrap;
}

td,th {
  font: 11px arial,helvetica,sans-serif;
}

option, select {
    background: #eeeeee;
}

select {
    border:     1px solid #000000;
}

a:hover{
  text-decoration: underline;
}

form {
  margin: 0px;
}

p {
  margin: 0.2em;
  font: small arial,helvetica,sans-serif;
}

.welcomeheadingtext {
  color: #666666;
  font: 43px arial,helvetica,sans-serif;
}

  
.head1 {
  margin: 0px;
  color: #514F82;
  font: bold 16px arial,helvetica,sans-serif;
}

.head2 {
  margin: 0px;
  color: #000000;
  font: bold medium arial,helvetica,sans-serif;
}

.head3 {
  margin: 0px;
  color: #000000;
  font: bold small arial,helvetica,sans-serif;
}

.info {
  margin: 0px;
  color: #000000;
  font: normal x-small arial,helvetica,sans-serif;
}

.tabletext {
  font: x-small Arial,Helvetica,sans-serif;
}

.portalheader {
  background: #FFFFFF;
}

.footerrightbar {
  background: #f53ca0;
}

.headerboxoutside {
  padding: 0px;
  background: #000000;
}

.headerboxtop {
  padding: 4px;
  border-color: #000000;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  background: #006633;
}

.headerboxbottom {
  padding: 0px;
  border-color: #000000;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  background: #CCCC99;
}

.leftbar {
  background: #FFF;
  border-right: none;
  padding: 0px 0px 0px 0px;
}

.boxhead {
  margin: 0px;
  color: #FFFFFF;
  font: bold 12px arial,helvetica,sans-serif;
}

.boxoutside {
  padding: 0px;
  background: #000000;
}

.boxtop {
  color: #FFFFFF;
  text-decoration: none;
  padding: 4px;
  border-color: #000000;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  font: 13px arial,helvetica,sans-serif;
  background: #BDBBEC;
}

.boxbottom {
  padding: 4px;
  border-color: #000000;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  background: #FFFFFF;
}

.button {
  border-style: outset;
  border-color: #9999CC;
  border-width: 2px;
  padding-right: 5px;
  padding-left: 5px;
  background: #DDDDDD;
}

a.buttontext {
  text-decoration: none;
  color: #0000FF;
  font: bold x-small arial,helvetica,sans-serif;
}

a.buttontext:hover {
  color: #FF0000;
}

.buttontextdisabled {
  text-decoration: none;
  color: #333333;
  font: bold x-small arial,helvetica,sans-serif;
}

a.lightbuttontext {
  text-decoration: none;
  color: #FFFF00;
  font: bold x-small arial,helvetica,sans-serif;
}

a.lightbuttontext:hover {
  color: #00FF00;
}

.lightbuttontextdisabled {
  text-decoration: none;
  color: #CCCCCC;
  font: bold x-small arial,helvetica,sans-serif;
}

a.buttontextbig {
  text-decoration: none;
  color: #0000FF;
  font: bold medium arial,helvetica,sans-serif;
}

a.buttontextbig:hover {
  color: #FF0000;
}

a img.imageborder {
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

.headerbuttonleft {
  border-right: solid #FFFFFF 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.headerbuttonleft:hover {
  background: #EEEECC;
}

.headerbuttonright {
  border-left: solid #FFFFFF 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.headerbuttonright:hover {
  background: #EEEECC;
}

.headercenter {
  padding-right: 10px;
  padding-left: 10px;
  font-size: small;
  font-weight: bold;
  color: #000000;
}

.headercompanyname {
  margin: 0px;
  font-size: x-large;
  font-weight: bold;
  color: #FFFFFF;
  white-space: nowrap;
}

.headercompanysubtitle {
  margin: 0px;
  font-size: xx-small;
  color: #FFFFFF;
  white-space: nowrap;
}

.insideheadertext {
  color: #FFFFFF;
  font: small Arial,Helvetica,sans-serif;
}

a.insideheaderlink {
  text-decoration: none;
  color: #FFFF00;
  font: bold x-small arial,helvetica,sans-serif;
}

a.insideheaderlink:hover {
  color: #FF0000;
}

.insideheaderdisabled {
  text-decoration: none;
  color: #CCCCCC;
  font: bold x-small arial,helvetica,sans-serif;
}

hr.sepbar {
  width: 100%;
  height: 1px;
  border-width: 0px;
  background: #999999;
}

.errorMessage {
  margin: 0px;
  color: #FF0000;
  font: bold small arial,helvetica,sans-serif;
}

.eventMessage {
  margin: 0px;
  color: #0000FF;
  font: bold small  arial,helvetica,sans-serif;
}

.ontab {
  font-size: small;
  padding: 2px;
  border-style: inset;
  border-width: 3px;
  background: #000000;
}

a.onlnk {
  color: #FFFFFF;
  text-decoration: none;
  padding: 2px;
  font: bold small arial,helvetica,sans-serif;
}

.offtab {
  font-size: x-small;
  padding: 2px;
  border-style: outset;
  border-width: 3px;
  background: #CCCCCC;
}

a.offlnk {
  color: #0000FF;
  text-decoration: none;
  padding: 2px;
  font: bold x-small arial,helvetica,sans-serif;
}

a.offlnk:hover {
  color: #FF0000;
}

.areaheader {
  color: #FFFFFF;
  width: 100%;
  padding: 2px;
  font: bold x-small Arial,Helvetica,sans-serif;
  background: #000000;
}

.edittable {
  border-color: #000000 #000000 #003333;
  border-style: solid;
  border-top-width: thin;
  border-right-width: thin;
  border-bottom-width: thin;
  border-left-width: thin;
}

.viewonetr1 {
  font: x-small Arial,Helvetica,sans-serif;
  background: #99CCFF;
}

.viewonetr2 {
  font: x-small Arial,Helvetica,sans-serif;
  background: #CCFFFF;
}

.viewmanyheadertr {
  font: x-small Arial,Helvetica,sans-serif;
  background: #99CCFF;
}

.viewmanytr1 {
  font: x-small Arial,Helvetica,sans-serif;
  background: #99FFCC;
}

.viewmanytr2 {
  font: x-small Arial,Helvetica,sans-serif;
  background: #CCFFCC;
}

.editinputbox {
  font: x-small Arial,Helvetica,sans-serif;
  background: #FFFFFF;
}

a.expandcontract, a.expandcontract:link, a.expandcontract:visited, a.expandcontract:active, a.expandcontract:hover {
  color: #FFFF00;
  text-decoration: none;
}

.magnetheader, td.magnetheader, table.magnetheader {
  color: #FFFFFF;
  font: 12px Arial,Helvetica,sans-serif;
  background: #9BACD2;
}

.magnetcontent, td.magnetcontent {
  font: 10px Arial,Helvetica,sans-serif;
  background: #FFFFFF;
}

.leftsubnavback {
  background: #FFFFFF;
}

.leftnavselected, td.leftnavselected {
  color: #FFFFFF;
  text-decoration: none;
  font: normal bold 11px arial,helvetica,sans-serif;
  background: #646291;
}

a.leftnavselected,a.leftnavselected:link, a.leftnavselected:visited,a.leftnavselected:active, a.leftnavselected:hover {
  color: #FFFFFF;
  text-decoration: none;
  font: normal bold 11px arial,helvetica,sans-serif;
  background: #646291;
}

b.subnavtextnolink {
  text-decoration: underline;
  color: #FBE47E;
  font: 11px arial,helvetica,sans-serif;
}

.subnavtext {
  text-decoration: none;
  color: #FBE47E;
  font: bold 11px arial,helvetica,sans-serif;
  background: transparent;
}

a.subnavtext, a.subnavtext:active, a.subnavtext:link , a.subnavtext:visited {
  text-decoration: none;
  color: #FBE47E;
  font: bold 11px arial,helvetica,sans-serif;
  background: transparent;
}

a.subnavtext:hover {
  text-decoration: underline;
  color: #FBE47E;
  font: bold 11px arial,helvetica,sans-serif;
  background: transparent;
}

.subnavtextactive {
  text-decoration: none;
  color: #FFFFFF;
  font: bold 11px  arial,helvetica,sans-serif;
  background: transparent;
}

a.subnavtextactive, a.subnavtextactive:active, a.subnavtextactive:link , a.subnavtextactive:visited {
  text-decoration: none;
  color: #FFFFFF;
  font: bold 11px  arial,helvetica,sans-serif;
  background: transparent;
}

a.subnavtextactive:hover {
  text-decoration: underline;
  color: #FFFFFF;
  font: bold 11px  arial,helvetica,sans-serif;
  background: transparent;
}

.leftnav {
  color: #545454;
  text-decoration: none;
  font: normal normal 16px arial,helvetica,sans-serif;
  background: #FFFFFF;
}

a.leftnav, a.leftnav:active, a.leftnav:link , a.leftnav:visited {
  color: #545454;
  text-decoration: none;
  font: normal normal 12px arial,helvetica,sans-serif;
  background: transparent;
}

a.leftnav:hover {
  color: #999999;
  text-decoration: none;
}

.welcomedate, td.welcomedate, table.welcomedate {
  color: #514F82;
  font: bold 10px Arial, Helvetica,sans-serif;
}

.logoback, td.logoback, table.logoback {
  background: #FFFFFF;
}

.personalcustomergreeting, td.personalcustomergreeting, table.personalcustomergreeting {
  color: #514F82;
  font: bold 16px Arial, Helvetica,sans-serif;
}

.virtualOfficeTitle {
  color: #005AB2;
  font: italic bold 22px arial,helvetica,sans-serif;
  padding: 0px 0px 4px 6px;
  white-space: nowrap;
  vertical-align: bottom;
}

.topnav, td.topnav, table.topnav {
  font: normal normal 10px arial,helvetica,sans-serif;
  background: #FFFFFF;
}

a.topnav {
  color: #6666CC;
  text-decoration: none;
  font: normal normal 10px arial,helvetica,sans-serif;
}

a.topnav:hover {
  color: #514F82;
  text-decoration: underline;
}

.bottomnav, td.bottomnav, table.bottomnav {
  font: normal normal 10px arial,helvetica,sans-serif;
  background: #FFFFFF;
}

a.bottomnav {
  color: #6666CC;
  text-decoration: none;
  font: normal normal 10px arial,helvetica,sans-serif;
}

a.bottomnav:hover {
  color: #514F82;
  text-decoration: underline;
}

.footerback, td.footerback, table.footerback {
  color: #000;
  background: #FFF;
  text-align: center;
}

  .footer, td.footer, table.footer {
  color: #FFFFFF;
  text-decoration: none;
  font: normal 10px arial,helvetica,sans-serif;
}

  a.footer, a.footer:link, a.footer:visited, a.footer:active {
  color: #B9BBDA;
  text-decoration: none;
  font: bold 11px arial,helvetica,sans-serif;
}

  a.footer:hover {
  text-decoration: underline;
}

.rightbar, td.rightbar {
  background: #FFF;
  border-left: none;
  padding: 0px 10px 0px 0px;
}

  a.links {
  color: #21219C;
  text-decoration: none;
  font: bold 10pt Arial,Helvetica,sans-serif;
}

  a.links:hover {
  color: #21219C;
  text-decoration: underline;
  font: bold 10pt Arial,Helvetica,sans-serif;
}

  input.submitbutton {
  color: #FFFFFF;
  border-style: solid;
  width: 100px;
  height: 30px;
  cursor: pointer;
  cursor: hand;
  font: bold 11pt Arial,Helvetica,sans-serif;
  background: #CCCCCC;
}

  .loginscreen, td.loginscreen, table.loginscreen{
  background: #FFFFFF;
}

/**********************************************************/
/* Styles for setting up input forms and pages in general */
/*                                                        */
/* Les Buchanan - 20-Dec-2005                             */
/**********************************************************/
.pageMaster {
    width: 800px;
}

.pageTitle {
  color: #6E7A94;
  font:  bolder 12pt Arial,Helvetica,sans-serif;
}

.pageSection {
    width:         600px;
    margin-bottom: 10px;
}

.sectionTitle {
    padding:       3px;
    background:    #f53ca0;
    color:         #fff;
    font:          bold 14px arial,helvetica,sans-serif;
    text-align:    left;
    margin-bottom: 5px;
}

.inputLine {
    height: 30px;
}

.altLine1 {
    background-color: #ffffff;
}

.altLine2 {
    background-color: #e1ecf6;
}

.inputLabel {
    float:       left;
    width:       200px;
    height:      30px;
    line-height: 30px;
    text-align:  left;
}

.inputField {
    float:       left;
    width:       400px;
    height:      30px;
    line-height: 30px;
    text-align:  left;
}

.inputField input, .inputField select {
    margin-top: 5px;
}

.spacerVertical {
    height: 20px;
}

.hide {
    display: none;
}

.required {
    color: red;
}

#countryAndLanguageContainer {
    position:   absolute;
    right:      300px;
    top:        20px;
    text-align: left;
}

.appboxborder {
  background: #FFFFFF;
}

.appboxborderdivider {
  border-width: 0px 0px 1px 0px;
  border-style: dotted;
  border-color: #000000;
}

.appBoxTable {
  border: 0;
  margin-bottom: 10px;
}

.appBoxTable tbody td {
  padding: 10px;
}

table.appBoxTable td.appboxborderdivider {
  border-width: 0px 0px 1px 0px;
  border-style: dotted;
  border-color: #000000;
  padding: 0;
}

.title, td.title, a.title,  a.title:link, a.title:visited, a.title:active, body.title {
  font: bold 14px  arial,helvetica,sans-serif;
  color: #fff;
  text-decoration: none;
  background: #f53ca0;
}

th.title a, th.title a:visited {
	color: white;
}

a.title, a.title:link, a.title:visited, a.title:active {
  color: #fff;
}

a.title:hover {
  text-decoration: underline;
}

.subtitle, td.subtitle, a.subtitle, a.subtitle:link, a.subtitle:visited, a.subtitle:active {
  text-decoration: none;
  font: 11px  arial,helvetica,sans-serif;
  background: #FFFFFF;
}

  .titleonbackgroundcolor, td.titleonbackgroundcolor, div.titleonbackgroundcolor {
  color: #000000;
  font: 13px  arial,helvetica,sans-serif;
}

  a.titleonbackgroundcolor, a.titleonbackgroundcolor:link, a.titleonbackgroundcolor:visited, a.titleonbackgroundcolor:active {
  text-decoration: none;
  font: 13px  arial,helvetica,sans-serif;
}

  .calendarbutton, td.calendarbutton, a.calendarbutton, a.calendarbutton:link, a.calendarbutton:visited, a.calendarbutton:active {
  color: #000000;
  text-decoration: none;
  font: 11px  arial,helvetica,sans-serif;
  background: #dddddd;
}

.calendarbuttongreyed, td.calendarbuttongreyed, a.calendarbuttongreyed, a.calendarbuttongreyed:link, a.calendarbuttongreyed:visited, a.calendarbuttongreyed:active {
  color: #000000;
  text-decoration: none;
  font: 11px  arial,helvetica,sans-serif;
  background: #dddddd;

}

.inputlabels, td.inputlabels, span.inputlabels {
  color: #000000;
  font: 10px  arial,helvetica,sans-serif;
}

.inputlabelsheader, td.inputlabelsheader, span.inputlabelsheader {
  color: #fff;
  font: 10px  arial,helvetica,sans-serif;
}

.input, td.input, span.input, select.input {
  font: 11px  arial,helvetica,sans-serif;
  background: #F9F9F9;
}

table#miniMonthContainer .minicalendarday,
table#miniMonthContainer .titleOnBackgroundColor,
table#miniMonthContainer .miniCalendarDayGreyed,
table#miniMonthContainer .miniCalendarToday {
  padding: 1px;
  text-align: center;
}

table#miniMonthContainer .titleOnBackgroundColor {
  border-bottom: 1px solid #ccc;
}

.minicalendarday, td.minicalendarday, a.minicalendarday, a.minicalendarday:link, a.minicalendarday:visited, a.minicalendarday:active {
  text-decoration: none;
  font: 11px  arial,helvetica,sans-serif;
  background: #FFFFFF;
}

.minicalendardayoddrow, td.minicalendardayoddrow, a.minicalendardayoddrow, a.minicalendardayoddrow:link, a.minicalendardayoddrow:visited, a.minicalendardayoddrow:active {
  text-decoration: none;
  font: 10px  arial,helvetica,sans-serif;
  background: #efefef;
}

.minicalendartoday, td.minicalendartoday, a.minicalendartoday, a.minicalendartoday:link, a.minicalendartoday:visited, a.minicalendartoday:active {
  text-decoration: none;
  font: 11px  arial,helvetica,sans-serif;
}

a.minicalendartoday:hover{
  text-decoration: underline;
}

.timedisplay, td.timedisplay, a.timedisplay, a.timedisplay:link, a.timedisplay:visited, a.timedisplay:active{
  text-decoration: none;
  font: 11px  arial,helvetica,sans-serif;
  color: #000000;
}

a.timedisplay:hover {
  text-decoration: underline;
  font: 11px  arial,helvetica,sans-serif;
}

a.minicalendarday:hover{
  text-decoration: underline;
}

a.minicalendardaygreyed, a.minicalendardaygreyed:link, a.minicalendardaygreyed:visited, a.minicalendardaygreyed:active {
  text-decoration: none;
  color: #B1B1B1;
  font: 11px  arial,helvetica,sans-serif;
}

a.minicalendardaygreyed:hover{
  text-decoration: underline;
}

select {
  background: #F9F9F9;
}

input.text, textarea.text, input {
  border: 1px solid #000;
  background: #F9F9F9;
}

.oddrow, tr.oddrow, tr.odd, .dataOdd {
  background-color: #efefef;
  padding: 2px;
}

/**************************************
/ Styles for email application below  /
**************************************/
 .welcometext {
  text-decoration: none;
  color: #428831;
  font: bolder 20pt  arial,helvetica,sans-serif;
}

 .headertext {
  text-decoration: none;
  color: #FFFFFF;
  font: bold 8pt Arial,Helvetica,sans-serif;
}

 a.emaillistfrommiddlelink {
  text-decoration: none;
  color: #6E7A94;
  font: normal 8pt Arial,Helvetica,sans-serif;
  background: #C5CDDE;
}

 a.emaillistfrommiddlelink:hover {
  text-decoration: underline;
  color: #6E7A94;
  font: normal 8pt Arial,Helvetica,sans-serif;
  background: #C5CDDE;
}

 a.emaillistsubjectmiddlelink {
  text-decoration: none;
  color: #6E7A94;
  font: normal 8pt Arial,Helvetica,sans-serif;
  background: #C5CDDE;
}

 a.emaillistsubjectmiddlelink:hover {
  text-decoration: underline;
  color: #6E7A94;
  font: normal 8pt Arial,Helvetica,sans-serif;
}

 // a.emaillistreceivedmiddlelink {
  text-decoration: none;
  color: #6E7A94;
  font: normal 8pt Arial,Helvetica,sans-serif;
}

 // a.emaillistreceivedmiddlelink:hover {
  text-decoration: underline;
  color: #6E7A94;
  font: normal 8pt Arial,Helvetica,sans-serif;
}

 a.emaillistbottomrowlink {
  text-decoration: none;
  color: #C5CDDE;
  font: bold 8pt Arial,Helvetica,sans-serif;
}

 a.emaillistbottomrowlink:hover {
  text-decoration: underline;
  color: #C5CDDE;
  font: bold 8pt Arial,Helvetica,sans-serif;
}

 .emaillisttopfoldernametext {
  color: #6E7A94;
  font: bolder 12pt Arial,Helvetica,sans-serif;
}

 .emaillisttopfoldernametext img,  .emaillisttopfoldernametext {
 	vertical-align: middle;
}

 a.emaillink2 {
  text-decoration: underline;
  color: #FFFFFF;
  font: normal 8pt Arial,Helvetica,sans-serif;
}

 a.emaillink2:hover {
  text-decoration: underline;
  color: #000000;
  font: normal 8pt Arial,Helvetica,sans-serif;
}

 .emailmessageviewmessagetext {
  color: #000000;
  font: normal 10pt Arial,Helvetica,sans-serif;
}

 .emailmessageviewtoprowtext {
  color: #FFFFFF;
  font: bold 8pt Arial,Helvetica,sans-serif;
}

 a.emailmessageviewattachmentslink {
  text-decoration: underline;
  color: #6E7A94;
  font: normal 8pt Arial,Helvetica,sans-serif;
}

 a.emailmessageviewattachmentslink:hover {
  text-decoration: underline;
  color: #6E7A94;
  font: normal 8pt Arial,Helvetica,sans-serif;
}

 a.emailcomposerightcollink {
  text-decoration: none;
  color: #6E7A94;
  font: normal 8pt Arial,Helvetica,sans-serif;
}

 a.emailcomposerightcollink:hover {
  text-decoration: underline;
  color: #6E7A94;
  font: normal 8pt Arial,Helvetica,sans-serif;
}

 a.emailcomposeleftcollink {
  text-decoration: none;
  color: #6E7A94;
  font: normal 8pt Arial,Helvetica,sans-serif;
}

 a.emailcomposeleftcollink:hover {
  text-decoration: underline;
  color: #6E7A94;
  font: normal 8pt Arial,Helvetica,sans-serif;
}

// .emailcomposeleftcoltext {
  color: #FFFFFF;
  font: bold 8pt Arial,Helvetica,sans-serif;
  background: #6E7A94;
}

// .emailcomposerightcoltext {
  color: #6E7A94;
  font: bold 8pt Arial,Helvetica,sans-serif;
  background: #C5CDDE;
}

// .emailcomposemainheadertext {
  color: #6E7A94;
  font: bolder 20pt Arial,Helvetica,sans-serif;
}

 .emailsettingstext {
  color: #FFFFFF;
  font: bold 8pt Arial,Helvetica,sans-serif;
}

 .emailsettingstextleftcol {
  color: #FFFFFF;
  font: bold 8pt Arial,Helvetica,sans-serif;
  background: #6E7A94;
}

 .emailsettingstextrightcol {
  color: #6E7A94;
  font: bold 8pt Arial,Helvetica,sans-serif;
  background: #C5CDDE;
}

 a.emailsettingslink {
  text-decoration: none;
  color: #C5CDDE;
  font: bold 8pt Arial,Helvetica,sans-serif;
}

 a.emailsettingslink:hover {
  text-decoration: underline;
  color: #C5CDDE;
  font: bold 8pt Arial,Helvetica,sans-serif;
}

 .emailsettingsmainheadertext {
  color: #6E7A94;
  font: bolder 20pt Arial,Helvetica,sans-serif;
}

 .viewmessageheadertext, td.viewmessageheadertext {
  font: 10px  arial,helvetica,sans-serif;
  background: #D6D3CE;
}

 .inputbox, td.inputbox, table.inputbox{
  border-style: solid;
  border-width: 1px;
  border-color: #000000 #FFFFFF #E4E4E4 #000000;
  padding: 3px;
  font: 10px  arial,helvetica,sans-serif;
  background: #FFFFFF;
}

/**************************************
/ Styles for calendar magnet below    /
**************************************/
.calendarmagnetmonthdisplay, td.calendarmagnetmonthdisplay, a.calendarmagnetmonthdisplay, a.calendarmagnetmonthdisplay:link, a.calendarmagnetmonthdisplay:active, a.calendarmagnetmonthdisplay:visited {
  color: #000;
  text-decoration: none;
  font: bold 14px  arial,helvetica,sans-serif;
  background: #DDDDDD;
}

a.calendarmagnetmonthdisplay:hover {
  text-decoration: underline;
}

.calendarmagnetdaynamedisplay, td.calendarmagnetdaynamedisplay {
  color: #514F82;
  font: bold 8px  arial,helvetica,sans-serif;
  background: #FFFFFF;
}

.calendarmagnetday, td.calendarmagnetday, a.calendarmagnetday, a.calendarmagnetday:link, a.calendarmagnetday:visited, a.calendarmagnetday:active {
  text-decoration: none;
  color: #000;
  font: 9px  arial,helvetica,sans-serif;
  background: #F9F9F9;
}

a.calendarmagnetday:hover {
  text-decoration: underline;
}

.calendarmagnettoday, td.calendarmagnettoday, a.calendarmagnettoday, a.calendarmagnettoday:link, a.calendarmagnettoday:visited, a.calendarmagnettoday:active {
  text-decoration: none;
  color: #000000;
  font: 9px  arial,helvetica,sans-serif;
  background: #fe9cd0;
}

a.calendarmagnettoday:hover {
  text-decoration: underline;
}

.calendarmagnetdayweekend, td.calendarmagnetdayweekend, a.calendarmagnetdayweekend, a.calendarmagnetdayweekend:link,a.calendarmagnetdayweekend:visited, a.calendarmagnetdayweekend:active {
  text-decoration: none;
  color: #FFFFFF;
  font: 9px  arial,helvetica,sans-serif;
  background: #f53ca0;
}

a.calendarmagnetdayweekend:hover {
  text-decoration: underline;
}

.calendarmagnetdaygrey, td.calendarmagnetdaygrey, a.calendarmagnetdaygrey, a.calendarmagnetdaygrey:link, a.calendarmagnetdaygrey:visited, a.calendarmagnetdaygrey:active {
  text-decoration: none;
  color: #818181;
  font: 9px  arial,helvetica,sans-serif;
  background: #BDBDBD;
}

a.calendarmagnetdaygrey:hover {
  text-decoration: underline;
}

.calendarmagnetdayweekendgrey, td.calendarmagnetdayweekendgrey, a.calendarmagnetdayweekendgrey, a.calendarmagnetdayweekendgrey:link, a.calendarmagnetdayweekendgrey:visited, a.calendarmagnetdayweekendgrey:active {
  text-decoration: none;
  color: #BDBDBD;
  font: 9px  arial,helvetica,sans-serif;
  background: #818181;
}

a.calendarmagnetdayweekendgrey:hover {
  text-decoration: underline;
}

.calendarmagnettable, table.calendarmagnettable {
  padding: 2px;
  background: #FFFFFF;
}

.minicalendardividercell, td.minicalendardividercell {
  background: #CCCCCC;
}

.yearviewminicalendardividercell, td.yearviewminicalendardividercell {
  background: #FFFFFF;
}

.yearviewminicalendartitle, td.yearviewminicalendartitle {
  color: #FFFFFF;
  text-decoration: none;
  font: bold 13px  arial,helvetica,sans-serif;
  background: #f53ca0;
}

.yearviewminicalendartitleb, td.yearviewminicalendartitleb {
  padding: 1px;
  background: #000000;
}

.calendarPopup {
    position:               absolute;
    visibility:             hidden;
    background-color:       white;
    layer-background-color: white;
}
.calendarIcon {
    border: 0px;
}

/***************************************************************/
/* Styles to modify the default styles for the calendar widget */
/***************************************************************/
TD.cal { font-family: arial,helvetica,sans-serif; font-size: 8pt; }
TD.calmonth { font-family: arial,helvetica,sans-serif; font-size: 8pt; text-align: right;}
TD.caltoday { font-family: arial,helvetica,sans-serif; font-size: 8pt; text-align: right; color: white; background-color:#C0C0C0; border-width:1; border-type:solid; border-color:#800000; }
A.todaylink { font-family: arial,helvetica,sans-serif; font-size: 8pt; height: 20px; color: black; }
A.cal { text-decoration:none; color:#000000; }
A.calthismonth { text-decoration:none; color:#000000; }
A.calothermonth { text-decoration:none; color:#808080; }

/**************************************
 /    Styles for Calendar weekly view  /
 **************************************/
 
 a.headerLink, a.headerLink:visited, a.headerLink:active, a.headerLink:link { color:ffffff; font-weight:bold; text-decoration:none; }
 a.headerLink:hover { color:ffffff; font-weight:bold; text-decoration:underline; }
 a.calEventNameLink { color:#f53ca0; font-weight:bold; text-decoration:none; }
 a.calEventNameLink:hover { font-weight:bold; text-decoration:underline; }
 hr.calEventTitleLine { width:90%; text-align:left; color:000000; }
 hr.calEventSeparatorLine { width:80%; text-align:center; color:000000; }
 .calEventDetail { font-family: arial,helvetica,sans-serif; font-size:11px; text-align:left; vertical-align:middle; background-color:fff4bc; border:2px solid #000000; visibility: hidden; position:absolute; width:227px; min-height:127px; margin:0; padding:4; }
 .calEventDetailAttendees { font-weight:bold; font-size:14px; margin-left:8px; }
 .calEventDetailName { font-weight:bold; font-size:18px; }
 .calEventDetailLabel { font-style:italic; margin-top:4px; margin-bottom:4px; }
 .calEventDetailLocation { font-weight:bold; font-size:14px; margin-left:8px; }
 .calEventDetailReason { font-size:11px; margin-left:8px; }
 .calEventName { margin-left:6px; }
 .calEventSegment { background-color:ffffd5; border:1px solid #000000; position:absolute; font-family: arial,helvetica,sans-serif; font-size:9px; text-align:left; overflow:hidden; vertical-align:top; margin:0; padding:5; }
 .calEventTime { font-family: arial,helvetica,sans-serif; font-size:9px; font-weight:bold; text-align:left; vertical-align:top; margin:0; padding:4; }
 .calGridHeaderSegment { background-color:#f53ca0; border:1px solid #000000; font-family: arial,helvetica,sans-serif; font-size:9px; text-align:center; vertical-align:middle; }
 .calGridSubHeaderSegment { background-color:555555; border:1px solid #000000; font-family: arial,helvetica,sans-serif; font-size:9px; text-align:center; vertical-align:middle; }
 .calGridSegmentLt { background-color:efefef; border:1px solid #000000; }
 .calGridSegmentDk { background-color:bfbfbf; border:1px solid #000000; }
 .calGridSegmentHover { background-color:#8DB4F6; border:1px solid #000000;cursor:pointer; }
 .calLeftLabelSegment { border:1px solid #000000; background-color:ffffff; font-family: arial,helvetica,sans-serif; font-size:11px; text-align:center; vertical-align:middle; }
 

/**************************************
/     Styles for DRB below            /
**************************************/
.drbprevperiodpanelborder{
  color: #FFFFFF;
  font: bold 12px  arial,helvetica,sans-serif;
  background: #f53ca0;
}

.drbprevperiodpaneloutline{
  background: #f53ca0;
}

.drbytdpanelborder{
  color: #FFFFFF;
  font: bold 12px  arial,helvetica,sans-serif;
  background: #f53ca0;
}

.drbytdpaneloutline{
  background: #f53ca0;
}

.drbcurrentperiodpanelborder{
  color: #FFFFFF;
  font: bold 12px  arial,helvetica,sans-serif;
  background: #f53ca0;
}

.drbcurrentperiodpaneloutline{
  background: #f53ca0;
}

.drbreportspanelborder{
  color: #FFFFFF;
  font: bold 12px  arial,helvetica,sans-serif;
  background: #f53ca0;
}

.drbreportspaneloutline{
  background: #f53ca0;
}

.drbgoodalertspanelborder{
  color: #FFFFFF;
  font: bold 12px  arial,helvetica,sans-serif;
  background: #f53ca0;
}

.drbgoodalertspaneloutline{
  background: #f53ca0;
}

.drbbadalertspanelborder{
  color: #FFFFFF;
  font: bold 12px  arial,helvetica,sans-serif;
  background: #f53ca0;
}

.drbbadalertspaneloutline{
  background: #f53ca0;
}

.drbhtmlreportheader{
  font: bold 20px  arial,helvetica,sans-serif;
}

.drbhtmlreporttimerun{
  font: bold 11px  arial,helvetica,sans-serif;
}

.drbhtmlreporttimerunasof{
  color: #FF0000;
  font: 10px  arial,helvetica,sans-serif;
}

div#drbMenu { float: right; }

table.assocdetail {
  font: 11px  arial,helvetica,sans-serif;
  background: #f53ca0;
  margin: 0px;
}

assocoutline, td.assocoutline {
  background: #f53ca0;
}

.assocdetailleftcoltext {
  color: #000000;
  font: bold 13px  arial,helvetica,sans-serif;
}

.assocdetailrightcoltext {
  color: #000000;
  font: bold 13px  arial,helvetica,sans-serif;
}

td.assocdetailseparatorbar, .assocdetailseparatorbar {
  color: #FFFFFF;
  font: bold 12px  arial,helvetica,sans-serif;
  background: #f53ca0;
}

.helpheader, td.helpheader {
  color: #6666CC;
  font: bold 14px  arial,helvetica,sans-serif;
}

.contentstyle, td.contentstyle {
  background-color: #FFFFFF;
  padding: 0px 19px 0px 25px !important; padding: 0px 16px 0px 25px;
}

  .gapbeforcontentstyle, td.gapbeforcontentstyle {
}

  .gapaftercontentstyle, td.gapaftercontentstyle {
}

.rightbar, td.rightbar {
  padding:0 25px 0 10px;
}

.alternaterowcolor1{
  background: #DDDDDD;
}

.alternaterowcolor1lighter{
  background: #DBDCF3;
}

.alternaterowcolor2{
  background: #FFFFFF;
}

.thindarkline{
  background: #000000;
}

.largeblacktext{
  text-decoration: none;
  color: #000000;
  font: bolder 20pt  arial,helvetica,sans-serif;
}

.nowrap {
  white-space: nowrap;
}

/**************************************
/     Styles for Cool menus below     /
**************************************/
.clcmevent{
  position: absolute;
  z-index: 300;
  width: 100%;
  height: 100%;
  clip: rect(0,100%,100%,0);
  left: 0px;
  top: 0px;
  visibility: hidden;
}

.clcmabs{
  position: absolute;
  width: 10px;
  height: 10px;
  left: 0px;
  top: 0px;
  visibility: hidden;
}

.navlevel1,.navlevel1over,.navlevel2,.navlevel2over,.navlevel3,.navlevel4,.navlevel3over,.navlevel4over{
  position: absolute;
  overflow: hidden;
  width: 130px;
  height: 25px;
  cursor: pointer;
  cursor: hand;
  font-family:  arial,helvetica,sans-serif;
  font-size: 10px;
  white-space: nowrap;
  background: none;
}

.navlevel1,.navlevel1over{
  position: absolute;
  padding-top: 6px;
  text-align: center;
  text-transform: uppercase;
}

.navlevel1{
  width:150px;
  position: absolute;
  color: #000;
}

.navlevel1over{
  position: absolute;
  color: #f53ca0;
  background: #fff;
}

.navlevel2,.navlevel2over,.navlevel3,.navlevel4,.navlevel3over,.navlevel4over {
  position: absolute;
  padding: 6px 0px 0px 8px;
}

.navlevel2,.navlevel3,.navlevel4{
  position: absolute;
  color: #000;
  background-color: #ffc1e0;
}

.navlevel2over,.navlevel3over,.navlevel4over {
  position: absolute;
  color: #f53ca0;
  background-color: #fff;
}

.borderlevel1, .clbar{
  position: absolute;
  background: none;
}

.borderlevel2, .borderlevel3, .borderlevel4 {
  position: absolute;
  background-color: #f53ca0;
}

.borderlevel1, .borderlevel2, .borderlevel3, .borderlevel4 {
  position: absolute;
  visibility: hidden;
  z-index: 300;
  width: 500px;
  height: 20px;
}

.clbar{
  position: absolute;
  width: 10px;
  height: 10px;
  visibility: hidden;
}

/***** END COOL MENU STYLES *****/

/**************************************
/ Styles for Leads Alerts below    /
**************************************/
td.leadsalertsheading, a.leadsalertsheading, a.leadsalertsheading:active, a.leadsalertsheading:link, a.leadsalertsheading:visited, td.leadsalerts {
  font: bold 16px  arial,helvetica,sans-serif;
  color: #fff;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  background: #f53ca0;
}

td.leadsalertsheading {
  padding: 2px;
  border-style: dotted;
  border-width: 0px 0px 1px 0px;
  border-color: #f53ca0;
}

/**************************************
/ Styles for Customer Alerts below    /
**************************************/
td.customerAlertsHeading, a.customerAlertsHeading, a.customerAlertsHeading:active, a.customerAlertsHeading:link, a.customerAlertsHeading:visited, td.customerAlerts {
  font: bold 16px  arial,helvetica,sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  background: #f53ca0;
}

td.customerAlertsHeading {
  padding: 2px;
  border-style: dotted;
  border-width: 0px 0px 1px 0px;
  border-color: #f53ca0;
}

/**************************************
/ Styles for Downline Alerts below    /
**************************************/
td.downlineAlertsHeading, a.downlineAlertsHeading, a.downlineAlertsHeading:active, a.downlineAlertsHeading:link, a.downlineAlertsHeading:visited, td.downlineAlerts {
  font: bold 16px  arial,helvetica,sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  background: #f53ca0;
}

td.downlineAlertsHeading {
  padding: 2px;
  border-style: dotted;
  border-width: 0px 0px 1px 0px;
  border-color: #f53ca0;
}

/******************************************
/ Styles for CRM                          /
******************************************/
.crmlandingpagecolumnheading,.crmlandingpagecolumnheadingsub {
  text-align: center;
  font: bold 14px  arial,helvetica,sans-serif;
  color: #ffffff;
  text-decoration: none;
  background: #f53ca0;
  text-align: left;
  padding: 3px;
}

th.crmlandingpagecolumnheading a {
  font: bold 14px arial,helvetica,sans-serif;
  text-decoration: underline;
  color: #fff;
}

.crmlandingpagecolumnheadingsub {
  background-color: #DDDDDD;
  color: #000;
  font: bold 12px  arial,helvetica,sans-serif;
  border-width: 0px 0px 1px 0px;
  border-style: dotted;
  border-color: #f53ca0;

}

.crmLandingPageBox{
padding-left: 15px;

}

.crmlandingpagetodaysdate {
  color: #000000;
  font: bold 12px  arial,helvetica,sans-serif;
}

.crmlandingpageeventtime {
  color: #666666;
  font: 11px  arial,helvetica,sans-serif;
}


.followupNotesTitle{
  width: 90%;
  background-color: #f9f9f9;
  font: bold 12px  arial,helvetica,sans-serif;
  border: 0px #000 dotted;
  border-width: 0px 0px 1px 0px;
  padding: 4px; 
}



.followuptitle {
  color: #ffffff;
  font: bold 14px  arial,helvetica,sans-serif;
  background-color: #f53ca0;
  padding: 4px;
  border: 0px #000 dotted;
  border-width: 0px 0px 1px 0px;
}


.followuptitle-2 {
  background-color: #f53ca0;
  color: #ffffff;
  font: bold 14px  arial,helvetica,sans-serif;
  padding: 4px;
  border: 0px #000 dotted;
  border-width: 0px 0px 1px 0px;
}

.followuptitle a{
  font: bold 14px  arial,helvetica,sans-serif;
}

.followuptitle a:hover{
  font: bold 14px  arial,helvetica,sans-serif;
  color: #ffffff;
}

.followupbacking{
  background-color: #F9F9F9;
  padding: 4px 4px 4px 8px;
}

.followupitembacking{
  background-color: #f9f9f9;
  padding: 4px 4px 4px 8px;
 
}

.followupnotes{
  background-color: #ffffff;
  padding: 4px 4px 4px 8px;

}

.followuptable {
  padding: 2px;
}

.followuptableColumnHeadings{
  font: bold 12px  arial,helvetica,sans-serif;
  background-color: #F9F9F9;
}

.i18nButtons,td.i18nButtons,a.i18nButtons,a.i18nButtons:link,a.i18nButtons:visited,a.i18nButtons:active{
     font-family:  arial,helvetica,sans-serif; 
     font-size:11px; 
     color:#000000; 
     text-decoration:none; 
     background-color:#dddddd;
     border-top: 1px solid #eeeeee;
     border-left: 1px solid #eeeeee;
     border-bottom: 1px solid #666666;
     border-right: 1px solid #666666;
}

.followupsectionborder{
     padding: 6px;
     border: 2px #aaaaaa solid;
}
   
.followupsectionborder-2{
     padding: 6px;
}

.nsaTabText {
  font: bold 17px  arial,helvetica,sans-serif;
  color: #fff;
  text-align: left; 
  background: #f53ca0;
  height: 30px;
  padding-left: 5px;
}

.nsaPortalMagnetWrapper {
  padding-bottom: 10px;
}

.nsaPortalMagnetContent {
  background-color: #fcecf5;
  text-align: left;
  width: 100%;
}

/* Styles for table scolling */
.tableBoxOuter { overflow: scroll; width: 1500 px; height: 300px; }
#reportTable .rowHeader {
                color:           black;
                font-size:   11px;
                font-family:  arial,helvetica,sans-serif;
}

#reportTable .rowHeader a {
        color:       black;
        font-weight: normal;
}

#reportTable .rowHeader a:link,
#reportTable .rowHeader a:visited,
#reportTable .rowHeader a:active {
        text-decoration: none;
}

#reportTable .rowHeader a:hover {
        text-decoration: underline;
}



.nsaFooterHeaderText {
  font: bold 15px Arial,Helvetica,sans-serif;
  color: #f53ca0;
}

/* BEGIN CMS admin edit buttons */

.admin {
  background-image:url(/esuite/images/admin-back.gif);
  border-style:dashed;
  border-width:1px;
}

.editButton {
  font-family: arial,helvetica,sans-serif;
  margin-top:-1px;
  font-size:11px;
  width:30px;
  float:right;
  text-align:center;
  background-color:#ff0000;
  color:#ffffff;
  border-style:outset;
  border-width:0 2px 2px;
  z-index: 99;
  cursor: pointer;
}

/* END CMS admin edit buttons */
.magnetContentHeader {
  background:   #f53ca0 url(/esuite/images/corner_left.gif) top left no-repeat;
  width:              100%-5px;
  height:             30px;
  padding-left: 5px;
}

.magnetContentHeaderRight  {
  background: url(/esuite/images/corner_right.gif) top right no-repeat;
  padding-top:12px;
  padding-left:12px;
  width:    100%-12px;
  height: 30px;
  font:         bold 15px  arial,helvetica,sans-serif;
  color:        #f53ca0;
  text-align:   left; 
}

div.magnetHeaderIcon {
  vertical-align: middle;
  display: inline;
  float:left;
  top:-100px;
}

img.magnetHeaderIcon {
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}

.magnetHeaderTitle {
    float:left;
    background-color:#ff0000;
}

.magnetContentHR {
  height: 5px; 
  background-color: #9999df;
  font-size:1px;
}

.magnetContentArea {
  font: 11px  arial,helvetica,sans-serif;
  background-color: #fcecf5;
  text-align: left;
  padding:20px;
  width: 100%-40px;
}

.magnetContentBase {
  background: #fcecf5 url(/esuite/images/bottom_corner_left.png) bottom left no-repeat;
  width:            100%;
  height:           10px;
}

.magnetContentBase div {
  background: url(/esuite/images/bottom_corner_right.png) bottom right no-repeat;
  width:    100%;
  height: 10px;
}

#siteClosedMessage {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 350px;
}

li { color: #f53ca0; }
li span { color: #000; }
a, a:link, a:active, a:visited{
  font-family:  arial,helvetica,sans-serif;
  font-size: 11px;
  color: #F53CA0;
  text-decoration: none;
}

/******** Cookie Lee's Tabs *******/
#topNavTabs, #topNavTabs a, #topNavTabs a:active, #topNavTabs a:visited, #topNavTabs a:link, #navSecond a, #navSecond a:active, #navSecond a:visited, #navSecond a:link {
  font-family:  arial,helvetica,sans-serif;
  font-size:13px;
}

#topNavTabs {
  position:relative;
  z-index:1000;
  width:100%;
  text-align:center;
  clear:both;
}

#topNavTabs ul {
  list-style: none;
  padding:0;
  margin:00;
  margin-bottom:1px !important;margin-bottom:0;
  height:26px;
}

#topNavTabs img {
  border:0;
  margin: 0;
  vertical-align:top;
  border-bottom: solid 1px #ea2d9d;
}

#topNavTabs img.selected {
  border-bottom: 1px solid #fec1e0;
}

#topNavTabs li {
  list-style: none;
  margin:0;
  padding: 0;
  display:    inline;
  white-space:nowrap;
  height:26px;
}

#topNavTabs a, #topNavTabs a:active, #topNavTabs a:visited, #topNavTabs a:link {
  color:#7f7f7d;
  text-decoration:none;
  padding:0;
}

#topNavTabs a:hover {
  color:#e60094;
}

#topNavTabs li.selected a, #topNavTabs li.selected a:active, #topNavTabs li.selected a:visited, #topNavTabs li.selected a:link  {
  color:#e60094;
}


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

#navSecond  {
  font-family: arial,helvetica,sans-serif;
  font-size:13px;
  width:100%;
  height:26px;
  border-top: 1px solid #ea2d9d;
  border-bottom:1px #ea2d9d solid;
  background: #fec1e0; 
  text-align:center;
  padding:0;

  margin:0;
  margin-top:5px; 
}
#navSecond ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align:center;
}
  
#navSecond li {
  cursor:pointer;
  list-style: none;
  display:    inline;
  margin: 0px 8px;
  padding: 3px 23px;
}

* html #navSecond li {
  margin:2px 8px 0 8px;
}

#navSecond a, #navSecond a:active, #navSecond a:visited, #navSecond a:link {
  color:#000;
  margin:0;
  text-decoration:none;
}

#navSecond a:hover {
  color:#ab0158;
}

#navSecond li.selected {
  padding:0;
  background:#fff url(/esuite/images/nav-second-selected-left.gif) top left no-repeat;
}

* html #navSecond li.selected {
  margin-top:0px;
}

#navSecond img {
  border:0;
  padding:0;
  margin:0;
}

#navSecond li.selected a, #navSecond li.selected a:active, #navSecond li.selected a:visited, #navSecond li.selected a:link  {
  padding:5px 23px 3px 23px !important; padding:5px 23px 3px 23px;
  color:#e60094; 
  background:url(/esuite/images/nav-second-selected-right.gif) top right no-repeat;
}


* ul#navSecond li.selected a, * ul#navSecond li.selected a:active, * ul#navSecond li.selected a:visited, * ul#navSecond li.selected a:link  {
  display:block;
}

#topNavTabs li.selected {
  background:#fec1e0 url(/esuite/images/tab-forward-left.gif);
  border-bottom: 1px solid #fec1e0;
}

#topNavTabs li.selected a, #topNavTabs li.selected a:active, #topNavTabs li.selected a:visited, #topNavTabs li.selected a:link  {
  color:#e60094;
  background:url(/esuite/images/tab-forward-right.gif) top right no-repeat;
}

#topNavTabs li.firstSelected {
  background:#fec1e0 url(/esuite/images/tab-forward-left-first.gif);
}

a:hover {
  text-decoration:underline;
}

/********* MENU PART **********/

.printMailingLabels_TableWidth { width: 100%; }
.chooseAddress_SearchOptions { text-align: center; }
.chooseAddress_ToolBar { text-align: right; }

div#loadingBox {
  text-align:left;
  border: 1px solid #fcecf5; 
  color:            white;
  padding: 10px; 
  position: absolute; 
  visibility: hidden;
  font-weight: bold; 
  font-size: 1.3em; 
  padding:1.3em 2em 1.3em 4em;
  background:#f53ca0 url(/esuite/images/clock_anim.gif) no-repeat  8% 50%;
}

/* -[ AUTO-COMPLETE ]-------------------------------------------------------- */
div#whoLookupChoices {
         position: absolute;
           margin: 0px;
          padding: 0px
}

div#whoLookupChoices ul {
       background: white;
           border: 1px solid #888;
  list-style-type: none;
           margin: 0px;
          padding: 0px;
            width: 300px;
}

div#whoLookupChoices ul li.selected { background-color: #ffb }

div#whoLookupChoices ul li {
  list-style-type: none;
          display: block;
           margin: 0;
          padding: 2px;
           height: 18px;
            width: 296px; /* width - (padding * 2) */
           cursor: pointer;
}

button img { vertical-align: middle; }

td.title button.calendarButton{
  margin: 2px  0px 2px 6px;
}

div#distDetails  h1, .assocdetailmainheadertext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #6E7A94;
    padding: 5px 0px 10px 5px;
  }
  
div#distDetails  h1 {
    border-bottom: 1px solid #000;
  }
  
  div#distDetails h2 {
    background-color: #F53CA0;
    font-size: 12px;
    font-weight: bolder;
    color: #FFF;
    margin-bottom: 3px;
    padding: 3px;
  }

  div#distDetails th {
    background: #FCECF5;
    font-weight: bold;
    font-size: 12px;
  }
  
  div#distDetails td {
    font-size: 10px;
    border-right: 1px solid #aaa;
  }
  
  div#distDetails th, td {
    text-align: left;
  }
  
  div#distDetails #reportingDistributor, #detailFor, #order {
    width: 100%;
    border: 1px solid #aaa;
    margin-bottom: 10px;
  }
  
  div#distDetails #order {
    margin-top: 10px;
  }
  
  div#distDetails #buttonBar {
    background: #FCECF5;
    border: 1px solid #aaa;
    padding: 3px;
  }
  
  div#distDetails .lastColumn {
    border-right: none;
  }