/* COMMON */

html, body {
  height: 100%;
}

body {
  font-family: Arial, Tahoma, helvetica, "Myriad Web Pro";
  font-size: 0.78em;
  margin: 0;
  color: #222222;
}
body.whiteBg {
  background: #FFFFFF;
}

.pageBody {
  width: 100%;
  text-align: center;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -6em;
  background: #FFFFFF;
}

.pad5 {
  padding: 5px;
}

.pad10 {
  padding: 10px;
}

.pad15 {
  padding: 15px;
}

.pad15LR {
  padding-left:  15px;
  padding-right: 15px;
}

.pad30LR {
  padding-left:  30px;
  padding-right: 30px;
}

.padLeft10 {
  padding-left: 10px;
}

.padLeft30 {
  padding-left: 30px;
}

.padRight30 {
  padding-right: 30px;
}

.pad5Btm {
  padding-bottom: 5px;
}

.pad10Btm {
  padding-bottom: 10px;
}
.pad10TB {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pad5Top {
  padding-top: 5px;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.nowrap {
  white-space: nowrap;
}
img {
  vertical-align: text-top;
  border: 0;
}

img.formBtn {
  vertical-align: top;
}

.btnRef {
  font-weight: bold;
  font-style:  italic;
}

.btn {
  cursor: pointer;
  border-style: none;
}

.btnPad {
  padding-left:  2px;
  padding-right: 2px;
  cursor: pointer;
  border-style: none;
}

.clear {
  clear: both;
  line-height:0;
  height:0;
  font-size: 1px;
}

.clearLeft {
  clear: left;
  line-height:0;
  height:0;
  font-size: 1px;
}

.red {
  color: #CB0000;
}

table {
  font-size: 1em;
}

form {
  display: inline;
}

/* HEADER */

.header {
  width:  930px;
  margin: auto;
  height: 73px;
  background: #FFFFFF;
}

.logoImageDiv {
  float:        left;
  padding-top:  10px;
  padding-left: 0px;
}

.logoImage {
  height: auto;
  width:  auto;
  cursor: pointer;
}

.headerLinks {
  float:       right;
  display:     inline;
  padding-top: 8px;
  font-size:   0.92em;
}

.headerMenu {
  display:    block;
  text-align: right;
}

.headerMenuItem {
  display:       inline;
  padding-left:  3px;
  padding-right: 3px;
}

a.headerMenuLink:link, a.headerMenuLink:visited {
  color:           #42659D;
  text-decoration: none;
}
a.headerMenuLink:hover {
  color:           #42659D;
  text-decoration: underline;
}

/*SOCIAL MEDIA ICONS */
.headerSocialMedia {
	display:inline; margin-left:3px; margin-right:3px;
}

.headerDivider {
	padding-top:3px;
}

a.headerSocialIcon:link, a.headerSocialIcon:visited, a.headerSocialIcon:link {
	margin-left:5px;
}

/*END-------------SOCIAL MEDIA ICONS */

.logInOutDiv {
  text-align:    right;
  padding-top:   6px;
  padding-right: 3px;
}

.logInOutMsg {
  display:  inline;
}

.logInOut {
  vertical-align: middle;
  display:        inline;
  cursor:         pointer;
}

#logoutBtn {
  vertical-align: bottom;
  width:          48px;
  height:         17px;
  cursor:         pointer;
}

#loginBtn {
  vertical-align: bottom;
  width:  48px;
  height: 17px;
  cursor: pointer;
}


/* MAIN MENU */
.mainMenuBox {
  width: 100%;
  height: 34px;
  margin-bottom: 15px;
  background: url("../images/horizontalMenuTopBg.gif") repeat-x;
}
.mainMenu {
  width: 930px;
  margin: auto;
  text-align: left;
  font-family: Tahoma, Arial, helvetica;
}
/* add min-width to resolve ctrl + issue that truncates length of nav bar */
.horizontalMenuTopBox {
  width: 100%;
  min-width: 930px;
  height: 34px;
  background: url("../images/horizontalMenuTopBg.gif") repeat-x;
}
.horizontalMenuTopBoxHome {

  width: 100%;
  height: 30px;
  margin-bottom: 4px;
  background: url("../images/horizontalMenuTopBg.gif") repeat-x left bottom;
}
.horizontalMenuTop {
  width: 930px;
  margin: auto;
  text-align: left;
  font-family: Tahoma, Arial, helvetica;
}
.horizontalMenuTopItem {
  display: inline;
  float: left;
  margin-left: -1px;
  position: relative;
  left: 30px;
  background: url("../images/horizontalMenuTopDivider.gif");
  background-repeat: no-repeat;
  background-position: right 0px;
}
.horizontalMenuTopItemLast {
  display: inline;
  float: left;
  margin-left: -1px;
  position: relative;
  left: 30px;
}
.horizontalMenuTopItem .wrapper, .horizontalMenuTopItemLast .wrapper {
  padding: 12px 12px 9px 11px;
  font-size: 11px;
  font-weight: bold;
}
.horizontalMenuTopBoxHome .horizontalMenuTopItem .wrapper, .horizontalMenuTopBoxHome .horizontalMenuTopItemLast .wrapper {
  padding: 8px 12px 9px 11px;
  font-size: 11px;
  font-weight: bold;
}
.horizontalMenuTopItem .wrapper a:link, .horizontalMenuTopItem .wrapper a:visited,
.horizontalMenuTopItemLast .wrapper a:link, .horizontalMenuTopItemLast .wrapper a:visited {
  color: #F8EADF;
  text-decoration: none;
}
.horizontalMenuTopItem .wrapper a:hover,
.horizontalMenuTopItemLast .wrapper a:hover {
  color: yellow;
  text-decoration: none;
}
.horizontalMenuSubItem a:link, .horizontalMenuSubItem a:visited {
  color: #744F25;
  text-decoration: none;
}
.horizontalMenuSubItem a:hover {
  color: #603906;
  text-decoration: none;
}
.mainMenuSearch {
  float: right;
  margin: 9px 0px 0px 0px;
  padding: 0px;
  width: 182px;
  height: 20px;
  background: url("../images/search_bg.gif") no-repeat top left;
}
.horizontalMenuTopBoxHome .mainMenuSearch {
  float: right;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  width: 182px;
  height: 20px;
  background: url("../images/search_bg.gif") no-repeat top left;
}
.searchBox {
  float: left;
}
.searchBox input {
  margin: 2px 0px 0px 5px;
  width:          150px;
  height:         15px;
  font-size:      0.92em;
  font-family:    Arial;
  color:          #757676;
  background: transparent;
  border:         0px;
}
.searchBtn {
  float: right;
}
.searchBtnImg {
  margin: 2px 2px 0px 0px;
  padding: 0px;
  cursor: default;
}
.horizontalMenuBottomBox {
  width: 100%;
  height: 29px;
  margin-bottom: 15px;
  background: url("../images/horizontalMenuBottomBg.gif") repeat-x;
}
.horizontalMenuBottomBoxShort {
  width: 100%;
  height: 10px;
  margin-bottom: 15px;
  background: url("../images/horizontalMenuBottomBg.gif") repeat-x left bottom;
}
.horizontalMenuBottom {
  display:inline-block;
  width: 930px;
  margin: auto;
  text-align: left;
  font-family: Tahoma, Arial, helvetica;
}
.horizontalMenuSubItem {
  display: inline;
  float: left;
  position: relative;
  left: 25px;
  margin: 0px 12px 0px 12px;
  padding: 8px 3px 8px 3px;
  font-size: 11px;
}


/* MAIN LAYOUT CLASSES */

.mainAreaBox {
  width: 100%;
  margin: 0px;
  background: #FFFFFF;
}

.mainArea {
  width: 930px;
  margin: auto;
  padding-bottom: 30px;
  background: #FFFFFF;
}
#landingNavTemplate .leftsideLinks {
  margin-top: -12px;
}
.leftsideLinks {
  display: inline;
  float: left;
  width: 187px;
  margin-top: 20px;
  padding-right: 6px;
  font-size: 0.92em; 
} 

.contentArea {
  display: inline;
  float: left;
  text-align: left;
  width: 719px;
  margin: 0px 0px 30px 18px;
} 
#landingNavTemplate #contentArea {
  margin-top: -5px;
}
#contentArea {
    margin-top: 32px;
}
#contentAreaWide {
  width: 930px;
  margin-left: 0px;
}

/* FOOTER */

.footerBox {
  clear: both;
  width: 100%;
  background: #2C2C2C;
}

.footerBox, .push {
    height: 6em;
}
.pushBox {
  width: 100%;
  background: #FFFFFF;
}
.push {
  margin: auto;
  width: 930px;
  background: #FFFFFF;
}

.footer {
  width: 930px;
  margin: auto;
  padding: 5px 0px 29px 0px;
  text-align: left;
  color: #bec4c4;
  font-size: 0.92em;
  background: #2C2C2C;
}

.footerLinks {
  padding: 0px 5px 0px 5px;
}

.adobeLink {
  display:        inline;
  float:          right;
  vertical-align: top;
}

a.footerLink:link, a.footerLink:visited {
  color:           #bec4c4;
  text-decoration: none;
}
a.footerLink:hover {
  color:           #bec4c4;
  text-decoration: underline;
}

#acrobatImg {
  vertical-align: top;
}

.copyright {
  padding: 3px 5px 0px 5px;
  color: #bec4c4;
}


/* CONTENT AREA */

.contentHeader {
  display:             block;
  margin-bottom:       13px;
  padding-bottom:      5px;
}

.contentHeaderNoSpace {
  display:             block;
  margin-bottom:       3px;
  padding-bottom:      0;
}

.contentHeaderLine {
  display:          block;
  clear:            both;
  height:           3px;
  border-top-style: solid;
  border-top-width: 0.1em;
  border-top-color: #C2834E;
}

.pageOptions {
  padding: 0px 0px 10px 0px;
}

.clickpath {
  margin:     0px 0px 5px 0px;
  text-align: left;
  font-size:  0.92em;
}
.clickPath { 
  float: left;
  margin: 0px;
  text-align: left;
  font-size: 0.92em;
}
.clickpathBrace {
  font-weight: bold;
  color:       #995511;
}
a.clickpathLink:link,a.clickpathLink:visited {
  color:           #003388;
  text-decoration: none;
}
a.clickpathLink:hover {
  color:           #003388;
  text-decoration: underline;
}

/* ANCHOR IMAGE - Added 3/30/2012 by D. Ferracci */
.iconVideo {
	  background:url("../images/icon_videoCamera.gif") no-repeat 0 bottom; 
	  padding-left:20px;
	  margin-left:2px;
	  height: 14px;
	  zoom: 1; /* IE hack */
}

.pageButtons {
  float: right;
  margin: 0;
  padding: 0; 
  right: 0;
}
.pageButtons li {
  list-style: none;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  float: left;
  font-size: 0.9em;
  background: url("../images/divider.gif") no-repeat right;
}       
.pageButtons a:link, .pageButtons a:visited {
  display: block;
  color: #995511;
  text-decoration: none;
}       
.pageButtons a:hover {
  text-decoration: underline;
}       
.pageButtons li.printPageLink a {
  padding: 0 0 2px 21px;
  background: url("../images/printericon.gif") no-repeat left top;
}
.pageButtons li.txtSizeCtr {
  background: none;
  padding-right: 0;
  margin-right: 0;
}       
.pageButtons li.txtSizeCtr span {
  float: left;
}
.pageButtons li.txtSizeCtr a {
  float: left;
  margin-left: 3px;
}
.pageButtons li.txtSizeCtr a img {
  margin-top: -2px;
}

.pageTitle {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  border-width: 0px 0px 1px 0px;
  border-color: #C2834E;
  border-style: solid;
}
.pageTitle h1 {
  margin: 0px;
  padding: 0px;
}
.pageTitleSub {
  font-size: 0.8em;
  color: #999999;
  font-weight: bold;
}

.pgTitle {
  text-align:  left;
  float:       left;
  font-size:   1.50em;
  padding-top: 5px;
  color:       #AB4B00;
}

.uniformColor {
  color: #092674;
  border-top-color: #092674;
}

.pageMenu {
  display: block;
  float:   right;
}

.pageMenuItem {
  padding: 6px 0px 0px 0px;
  display: block;
}

.pageMenuHomepage {
  padding: 0px 1px 0px 0px;
}

.pageMenuItemHomepage {
  float:   right;
  padding: 0px 0px 0px 0px;
}

.pageMenuTxt {
  float:     left;
  font-size: 0.92em;
  padding:   3px 2px 0px 2px;
}

.pageMenuImg {
  float:  left;
  vertical-align: middle;
  margin: 0px 2px 0px 2px;
}
.pageMenuImgHome { 
  float:  left;
  vertical-align: middle;
  margin: 0px 0px 0px 2px;
} 

.pageMenuItemDivider {
  float:       left;
  margin:      0px 5px 0px 5px;
  padding-top: 0px;
  color:       #AEB2B3;
  font-size:   1.10em;
}

a.pageMenuLink:link, a.pageMenuLink:visited {
  color:           #995511;
  text-decoration: none;
}
a.pageMenuLink:hover {
  color:           #995511;
  text-decoration: underline;
}

#helpIcon {
  cursor: pointer;
}

#printIcon {
  cursor: pointer;
}

.textSizeBtn {
  margin: 0px 3px 0px 0px;
}
.textSizeBtn2 {
  margin: 0px 0px 0px 0px;
} 

.messageAlert {
  color:         #2288FF;
  font-weight:   bold;
  text-align:    left;
  margin-bottom: 10px;
}

.messageAlertRed {
  color:         #E10000;
  font-weight:   bold;
  text-align:    left;
  margin-bottom: 10px;
}

#msgAlertImgRed, .msgAlertImgRed{
  vertical-align: middle;
}

#msgAlertImg, .msgAlertImg {
  vertical-align: middle;
}

.dottedLineDividerBB {
  height:            1px;
  margin:            3px 0px 1px -10px;
  font-size:         0.01em;
  background-image:  url("../images/dotHorizontal.gif");
  background-repeat: repeat-x;
}

.dottedLineDivider {
  height:            3px;
  margin:            1px 0px 1px 0px;
  font-size:         0.01em;
  background-image:  url("../images/dotHorizontal.gif");
  background-repeat: repeat-x;
}

.dottedLineDividerGray {
  height:            3px;
  margin:            1px 0px 1px 0px;
  font-size:         0.01em;
  background-image:  url("../images/dotHorizontalGray.gif");
  background-repeat: repeat-x;
}

.dottedLineDividerGray1px {
  height:            1px;
  margin:            0px 0px 0px 0px;
  font-size:         0.01em;
  background-image:  url("../images/dotHorizontalGray.gif");
  background-repeat: repeat-x;
}

.dottedLineDividerGray5px {
  height:            5px;
  margin:            2px 0px 3px 0px;
  font-size:         0.01em;
  background-image:  url("../images/dotHorizontalGray.gif");
  background-repeat: repeat-x;
}

.dottedLineDividerGray10px {
  height:            10px;
  margin:            2px 0px 3px 0px;
  font-size:         0.01em;
  background-image:  url("../images/dotHorizontalGray.gif");
  background-repeat: repeat-x;
}

.popWinHeader {
  padding: 10px;
  text-align: left;
}

.popWinMainmenuBox {
  display:           block;
  width:             100%;
  height:            14px;
  background-image:  url("../images/mainMenuBarBgPop.gif");
  background-repeat: repeat-x;
}

.popWincontentArea {
  padding: 10px 20px 10px 20px;  
  text-align: left;
}

.grayedOutMenuItem {
  color: #AAAAAA;
  cursor: default;
}
span.emptySpanPageHeader {
  height: 17px;
}
/* New Page Title Block */
/* duplicates subpage.css line 5095
.breadcrumb {
  position: relative;
  left: -205px;
  margin: 0px 0px 2px 0px;
  text-align: left;
  font-family: Verdana, Tahoma;
  font-size:  0.92em;
  color: #676664;
}
*/
.breadcrumb a.clickpathLink:link, .breadcrumb a.clickpathLink:visited {
  color: #676664;
  text-decoration: none;
}
.breadcrumb a.clickpathLink:hover {
  color: #676664;
  text-decoration: underline;
}
.breadcrumbPlaceholder {
  height: 30px;
  float: left;
  max-width: 77%;
} 

#pageHeader {
  position: relative;
  font-family: Tahoma, Verdana;
}
/* Hack for ie6 \*/
* html #pageHeader {
  height: 0;
  he\ight: auto;
}
/* End hack for ie6 */
#pageHeader h1 {
  display: block;
  float: none;
  margin-bottom: 18px;
  padding-right: 0px;
  padding-bottom: 7px;
  font-size: 1.45em;
  line-height: 1.2em;
  font-family: Tahoma, Verdana;
  background: url("../images/pgTitle_btmLine.gif") left bottom no-repeat;
}
#pageHeader h1 span {
  display: block;
  color: #504738;
  font-size: 0.8em;
}

.jsAlertMsg {
  width: 500px;
  margin:10px auto 10px auto;
  padding: 10px;
  font-weight: bold;
  border: 1px solid blue;
}


 /**
 * POPUP CONTAINER STYLES (for auto_logout)
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	background-color: #333333;
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #9B5F11;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}