body{
  font-family: "Helvetica", "Lucida Grande", "Arial", sans-serif;  
  background-color:#000;
}

h1,h2,h3,h4{
  color: #262324;
}

#headerRight #subheader h4 {
	color: #fff;	
}

#bodyContainer {
  text-align:left;
  width:1024px;
  padding:0;
  margin:0 auto;
  background-color: #000;
}

/* HEADER LAYOUT AND STYLE */

#logoMain{
  width: 500px;
  height: 114px;
}

#intro{
  position: relative;
  height: auto;
  background-color: #000;
}

#headerRight {
  position:absolute;
  height: auto;
  padding-right:10px;
  right:0px;
  top: 0px;
  color: #fff;
}
#headerRight h3 {
  padding-top: 6px;
  color:#c6d746;
  font-weight: normal;
  text-align:center;
}

#mainLeft, #mainRight {
  margin-top:-30px; 
}

#mainLeft {
  float: right;
}
#mainRight {
  width: 208px;
  float: left;
}

div#newsArea{
  position: relative;
}
div#newsArea div.m{
  height: 80px;
}
div#newsArea div.m div{
  margin: 4px 6px;
}

div#news div.m div{
  width: 170px;
  color: #000;
}

/* FOOTER LAYOUT AND STYLE */
div#footer {
  width: auto;
  clear:both;
  text-align: center;
  margin: 10px;
  background-color:transparent;
  padding-top:20px;
}

div#additionalLinks, div.additionalLinks {
	padding: 6px 0px 0px;
	text-align: right;
	text-transform: uppercase;
	font-size: 11px;
}
div#additionalLinks a, div.additionalLinks a {
	font-weight: bold;
	padding-right: 10px;
	text-decoration: none;
	color: #65aae0;
}
div#additionalLinks a, div.additionalLinks a:visited {
	color: #65aae0;
}


/* -[ PANEL STYLES ]------------------------------------------------------ */
div#volumePanel table tbody {
  color:#333333;
}

div#volumePanel thead th {
	background:#E2F2F8 none repeat scroll 0%;
  color:#144B5A;
}

#alertsHeader {
  background: url(/esuite/images/header_myalerts_left.gif) top left no-repeat;
}

#alertsHeader h3 {
  background: url(/esuite/images/header_myalerts_right.gif) top right no-repeat;
}

#alertsHeader h3 span, #pvHeader h3 span {
  color:#8f8f90;
} 

#pvHeader {
  background:#ebeef8 url(/esuite/images/header_myunit_left.gif) top left no-repeat;
}
#pvHeader h3 {
  background: url(/esuite/images/header_myunit_right.gif) top right no-repeat;
}
/* -[ END PANEL STYLES ]------------------------------------------------------ */


.calendarHeader {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 4px;
}
.calendarMagnetMonthDisplay {
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
}
.calendarMagnetDay {
  font-sixe: 11px;
  padding: 2px;
}
.calendarMagnetDayNameDisplay {
  text-align: center;
  font-weight: bold;
}
#calendarFooter h5 {
  font-size: 12px;
  font-weight: bold;
}
#calendarFooter h6 {
  font-size: 12px;
  font-weight: normal;
  padding-bottom: 6px;
}
#calendarFooter li {
  font-size: 12px;
  padding-bottom: 2px;
}

ul.submenuL1 li {
  border-top:1px solid #ce2c36;
}

#tabBar .cleanUp {
  clear: both;
}
#tabBar { border-top:0px thin transparent; }

table#reportTable th,
table#reportTable td{
  white-space:nowrap;
}


div#navWrapper1 {
  float:left;
  width:1006px;
  font-size:93%;
  line-height:normal;
  background: url('/esuite/images/navigation-left.png') top left no-repeat;
  padding-left: 20px;
  height: 38px;
}
#navWrapper2 {
	background: url('/esuite/images/navigation-right.png') top right no-repeat;
	height: 38px;
}
  
div#navWrapper1 ul {
  margin:0;
  list-style:none;
  }
div#navWrapper1 li {
  float:left;
  height:37px;
  margin:0;
  padding:0 20px;
  border-right: 1px solid #c49c28;
  border-left: 1px solid #f0d674;
}

div#navWrapper1 a {
  white-space:nowrap;
  float:left;
  display:block;
  width:auto;
  line-height: 37px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  text-decoration:none;
  color: #262324;
}

div#navWrapper1 > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div#navWrapper1 a {float:none;}
/* End IE5-Mac hack */
div#navWrapper1 a:hover {
  color: #fff;
}

div#navWrapper1 li#currentNavItem ul.submenuL1 {
    margin-left:10px;
}

#currentNavItem {
	background-color: #e57800;
}

li.topLevel a {
  font-size:11px;
  background:none;
  background-color:transparent;
}
li.topLevel {
  padding: 0px 9px;
  background-image:none;
  background-color:transparent;
}

li.topLevel:hover {
	background-color: #e57800;	
}


div#navWrapper1 ul.submenuL1 {
    margin-top:-3px;
    margin-left:20px;
    font-size:11px;
    visibility:    hidden;
    z-index:       20;
    white-space:   nowrap;
    border-left: #ce2c36 solid 1px;
    border-right: #ce2c36 solid 1px;
    border-top: #ce2c36 solid 1px;
    border-bottom: #ce2c36 solid 1px;
    width:140px;
    padding:0px;
}

div#navWrapper1 ul.submenuL1 li a {
  color: #262324;
  font-weight:normal;
  text-decoration: none;
  float:none;
  display:inline;
  padding:0;
  position:relative;
  bottom:8px;
}

div#navWrapper1 ul.submenuL1 li a:hover {
  color: #262324;
  text-decoration: none;
}

div#navWrapper1 li#currentNavItem a{
  color: #fff;
}

div#navWrapper1 li#currentNavItem ul.submenuL1 li a{
  color: #262324;
}

div#navWrapper1 ul.submenuL1 li {
    float:none;
    z-index:    30;
    padding:    3px 15px;
    position:   relative;
    text-align: left;
    cursor:     pointer;
    height: 21px;
    background-color: #fbeca9;
    margin:auto;
}

div#navWrapper1 ul.submenuL1 li.first {
    border-top: none 0px;
}

div#navWrapper1 ul.submenuL1 li.hasSubmenu {
    background-image: url(/esuite/images/pointer-right.gif) right center no-repeat;
    padding-right: 24px;
}
div#navWrapper1 #tsNavigation li#currentNavItem ul.submenuL1 li.over {

}
div#navWrapper1 #tsNavigation ul.submenuL1 li.over {

}

/* -[ TERTIARY MENU ]-------------------------------------------------------- */
div#navWrapper1 ul.submenuL2 {
    z-index: 30;
  white-space:   nowrap;
  margin-left:       3px;
  border-left: #ce2c36 solid 1px;
  border-right: #ce2c36 solid 1px;
  border-top: #ce2c36 solid 1px;
  border-bottom: #ce2c36 solid 1px;
  margin:0px;
  padding:0px;
}  
 div#navWrapper1 ul.submenuL2 * {
 	max-width:300px;
 } 
div#navWrapper1 li.nonav, div#navWrapper1 li.nonav a {
  background-image:none;
  visibility: hidden;
}	
  
  #myGoal, div.miniCalendar {
    height:189px;
    color:white;
  }

  div#modalContentPane div.miniCalendar{
    background-color: #fff;
  }
  
  div.miniCalendar h2 {
    background-color:#262324;
  }

  #news { background:#001d25; border-top:1px solid white; height:186px;}
  /* RESET original magnet colors */
  #news div.nw, #news div.ne, #news div.n, #news div.w, #news div.e, #news div.m, #news div.sw, #news div.se, #news div.s { background:none; background-color:transparent;  color:white;}

  #todayAtAGlance ul {padding-top:20px; }
  #companyTV {width:496px;}
  
  #todayAtAGlance, #companyTV { 
    color:white;
    float:left;
  }
  
  #todayAtAGlance, #companyTV, #magnet-miniCalendar {
    height:200px;
  }
  
  div.nw div.ne div.n span {font-size:16px; display:block;}
  div.nw div.ne div.n span a {font-size:11px; font-variant:normal; }
  div.w div.e div.m { padding:0px; }
  
  #loginFormMagnet div.nw, 
  #loginFormMagnet div.ne, 
  #loginFormMagnet div.w, 
  #loginFormMagnet div.e,
  #loginFormMagnet div.se,
  #loginFormMagnet div.sw { background: url(../images/portal-magnet2-back-shadow.png) no-repeat left top; }
  #loginFormMagnet div.ne { background-position:right top; }
  #loginFormMagnet div.w { background-position:0% -20px; }
  #loginFormMagnet div.e { background-position:100% -20px; }
  #loginFormMagnet div.sw { background-position:left bottom; background-color:transparent;}
  #loginFormMagnet div.se { background-position:right bottom; background-color:transparent;}
  #loginFormMagnet div.s  { background-color:transparent;}

  div.m { padding:20px; }

  #mainContentPane {
    clear:left;
    background-color:#ffffff;
  }
  
  #dynamicContentPane ul li{
    list-style: disc;
  }

  #mainLeft {
    width:814px;
    float:left;
  }

  #magnet-miniCalendar,#alertsMagnet2, #alertsMagnet4 {
    float:left;
    color:white;
  }
  #alertsMagnet2{
    border-left:1px solid white;
    width:250px;
  }
  #alertsMagnet4{
    border-left:1px solid white;
    width:450px; 
  }
  
  #magnet-miniCalendar { 
    clear:both;
    width: 209px;
  }
  
  div.miniCalendar table thead th, div.miniCalendar table td.weekend, div.miniCalendar h2 {background-color:transparent; border-size:0;  width:170px; margin:10px auto 5px auto;}
  div.miniCalendar table td.weekend, #magnet-miniCalendar h2 a {
    white-space: nowrap;
    font-variant:small-caps;
    text-decoration:none;
  }
  
  div.miniCalendar h2 a.previous { background-image:url(../images/pointer-left.gif); }
  div.miniCalendar h2 a.next { background-image:url(../images/pointer-right.gif); }
  div.miniCalendar table td.today { background-color:transparent; border:1px solid #262324; font-weight: bold;}
  div.miniCalendar table td.today a { color: #262324; font-weight: bold;}
  div.miniCalendar table thead th { font-weight: bold;  color: #262324; font-size:10px; font-weight: bold;padding-bottom:5px;padding-top:5px; }
  div.miniCalendar table tbody td a {
    color:white;
    font-weight:bold;
    font-size:10px;
  }
  div.miniCalendar table tbody td.disabled a {
    color:#888;
    font-weight: normal;
  }
  div.miniCalendar table { border-bottom: 0px none transparent; width:170px; } 
  div.miniCalendar table thead th {border-width: 0px; }
  
  
  div#columnRightCalendar div.miniCalendar table thead th, div#columnRightCalendar div.miniCalendar table td.today a{
    color: #000;
  }
  
  div#columnRightCalendar div.miniCalendar table td.today a{
    border-color: #000;
  }
  
  #mainLeft {
    position:relative;
    color:black;
  }
  
  #mainLeft ul {
    list-style-type:circle;
    list-style-image:url(../images/bullet-green-blue-arrow.gif);
  }
  li {
    line-height: 16px;
    text-decoration:none;
  }
  
/**************************************
/     Styles for Module Tabs below    /
**************************************/
div#mainContentPane div#tabBar {
  float:left;
  font-size:93%;
  line-height:normal;
  background:url("../images/tab-background.gif") repeat-x;
  height: 18px;
}

div#mainContentPane div#tabBar ul#viewTabs {
  float: right;
}
  
div#mainContentPane div#tabBar ul {
  margin:0;
  list-style:none;
  }
div#mainContentPane div#tabBar li {
	border-bottom:1px solid transparent;
  float:left;
  height:19px;
  background-image: none;
  margin:0;
  padding:0 0 0 13px;
  }
div#mainContentPane div#tabBar a {
  font-weight:normal;
  white-space:nowrap;
  float:left;
  display:block;
  width:auto;
  background-image: none;
  padding:1px 16px 1px 0px;
  text-decoration:none;
  color:white;
}

div#cityLimits {
 padding-left:8px;
 padding-top: 10px;
}
	
div#navWrapper1 > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/nav
div#navWrapper1 a {float:none;}
/* End IE5-Mac hack */
div#navWrapper1 a:hover { color:white;}

div#mainContentPane div#tabBar ul#viewTabs li#selectedTab { background-image: url('../images/tab-selected-background.gif'); background-repeat: repeat-x;}
div#mainContentPane div#tabBar ul#viewTabs li#selectedTab a  { background-image: none; color: #fff;}

div#mainContentPane ul#actionTabs li { background-image: none; }
div#mainContentPane ul#actionTabs a { background-image: none; }

div#mainContentPane div#tabBar ul#actionTabs li#selectedTab { background-image: url('../images/tab-selected-background.gif'); background-repeat: repeat-x; }
div#mainContentPane div#tabBar ul#actionTabs li#selectedTab a  { background-image: none; color: #fff;}
div#mainContentPane div#tabBar li#selectedTab { height:20px; }

#tabbedContent h1 {
  display:none;
}
.title, .title a, th.title a, td.title, a.title, a.title:link, a.title:visited, a.title:active, body.title {
  background-color:#0577C2; 
  color:#fff;
}

#tabbedContent td.title {
  border-bottom:1px solid black;
}


#mainContentPane {
  padding:10px 15px 15px 15px;
}
 
#errorMsgTable {
	width: 100%;
	clear: both;
	position: relative;
	padding-top: 10px;
	padding-bottom: 30px;
	background-color:#ffffff
}
/* #errorMsgTable td {
	position: absolute;
	} */

fieldset span.error {
  display:block;
  white-space: nowrap;  
}

table#subheader td, table#subheader th, div#headerRight h3, div#headerRight h4 {
  font-size:11px;
}
#headerRight table#subheader .leftCell {
  width: 50%;
  padding:0px;
  border-right:1px solid #ccc;
  text-align:right;
  padding-right:12px;
  white-space: nowrap;
}
#headerRight table#subheader td.rightCell {
  width: 50%;
  padding-left:10px;
  white-space: nowrap;
}
#headerRight table#subheader .rightCell h3 {
  font-size:11px;
  text-align:left;
}

#headerRight h4 {
  text-align:center;
}

table#reportList {
	width: 100%;
  border-spacing: 0pt;
  white-space:nowrap;
}

div#reportList {
	height: 101px;
	overflow: auto;
}

div#mainContentPane div#tabBar li img { 
  margin-top:-2px;
}

#emailAttachFile {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #999999;
	background-color: #f2f2f2;
}
#chooseAddressWrapper {
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #999999;
}

button {
  cursor:pointer;
  background-image:none;
  background-color:transparent;
  border:0;
  vertical-align: middle;
  padding-left:0;
}

button div { background: url(../images/button-grey-left.png) no-repeat; }

button div div {
  margin-left:5px;
  padding-right:5px;
  white-space:nowrap;
  background: url(../images/button-grey-right.png) top right no-repeat;
}

button span {
  line-height:14px;
  height:16px;
  padding-top:4px;
  padding-bottom:4px;
  font-size:10px; 
  font-weight:bold;
  color:#fff;
  white-space:nowrap;
  display:block;
  text-transform: uppercase;
}

button img{
  display: none;
}

div#headerRight table th {
	background-color:transparent;
}

.money {
    text-align:right;
    background-color:#e2f2f8; 
    color:#144B5A;
}

ol, ul, li {
	list-style:none;
}

/*DT NOT SUBSCRIBED PAGE*/
.clearBoth {
  width: 100%;
  clear: both;
}
.notSubscribed {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}
div.notSubscribed h2{
  margin-top: 0px;
  margin-bottom: 10px;
  padding: 0px;
  font-size: 14pt;
}
div.notSubscribed h3{
  margin-bottom: 20px;
  padding: 0px;
  color: #888;
  font-size: 12pt;
}
.notSubscribedMagnetHeader {
  width: auto;
  height: 18px;
  padding-top: 3px;
  padding-left: 6px;
  font-size: 12px;
  color: #ffffff;
  background-image:url(/esuite/images/tab-background.gif);
  background-repeat:repeat-x;
}
.notSubscribedContent {
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 2px;
  padding-bottom: 8px;
}
#notSubscribedMagnet1, #notSubscribedMagnet2, #notSubscribedMagnet3, #notSubscribedMagnet4  {
  width: 480px;
  height: auto;
  float: left;
  margin-bottom: 20px;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-top: 0px solid #999999;
}
#notSubscribedMagnet2 {
  float: right;
}
#notSubscribedMagnet3 {
  clear: both;
}
#notSubscribedMagnet4 {
  float: right;
}

fieldset#ecardPreview td, fieldset#ecardPreview th{
  padding: 0px;
}

table.info{
  margin-left: 10px;
  margin-top: 0px;
}

fieldset#byNameAndLocation div {
	clear:both;
}

form#gatherPersonalInformationForm, form#gatherOrderInformationForm, span.backgroundContainer, form#confirmEnrollmentInformationForm {
 	background-color:#fff;
 	padding: 10px;
	display:block;
}