/* New styles for new mechanicals - more to come! */

/* Brand Logos */
div#logoBar {height: 50px; margin: 0 0 0 10px;float: right;}
div#logobar.old {margin-top: -28px;}

div.brand {background: transparent url(/cp/globalNav/img/GlobalNav_HeaderLogos.gif) no-repeat 0 0; width: 400px;}
div.brandZ {background: transparent url(/cp/globalNav/img/GlobalNav_HeaderLogos.gif) no-repeat 0 0; width: 110px;}
div.brandC {background: transparent url(/cp/globalNav/img/GlobalNav_HeaderLogos.gif) no-repeat -118px 0; width: 140px;}
div.brandR {background: transparent url(/cp/globalNav/img/GlobalNav_HeaderLogos.gif) no-repeat -262px 0; width: 110px;}
div.brandCR {background: transparent url(/cp/globalNav/img/GlobalNav_HeaderLogos.gif) no-repeat -118px 0; width: 250px;}

div.brandPUL {position: relative;}
div.brandPUL span {display: inline-block; height: 50px;}
div.brandPUL span#pulLogo {
    width: 100px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cp/globalNav/img/PullmanturLogo.png', sizingMethod='crop');
}
div.brandPUL span#cdfLogo {
    width: 55px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cp/globalNav/img/CDF_Logo.png', sizingMethod='crop');
}
div.brandPUL>span#pulLogo {
	background:url("/cp/globalNav/img/PullmanturLogo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
div.brandPUL>span#cdfLogo {
	background: url("/cp/globalNav/img/CDF_Logo.png") no-repeat scroll 0 0 / contain  rgba(0, 0, 0, 0);
}

/* CP Global Nav */
#XloginForm div#navBar div {padding: 7px 4px 0 0; margin-left: 300px;}
#loginForm div#navBar div label {
    float: left;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #036;
    padding-top: 6px;
}
#loginForm div#navBar div input {
    float: left;
	width: 100px;
	font: normal 12px Arial, Helvetica, sans-serif;
    color: #333;
	padding: 1px 2px;
	margin: 3px 10px 0 3px;
}


div#register span,
div#forgot,
div#credentials {font-family: 'latobold',sans-serif,Arial; font-size: 11px;}
div#register, div#credentials {font-size: 11px; padding-bottom: 6px; color: #006BB0;}
div#register {float: left; border-left: 1px solid #D7D7D7; padding-top: 6px; height: 22px; padding-left: 30px;}
div#register a {margin-left: 10px; display: inline-block; font-family: 'latobold',sans-serif,Arial;}
div#register span {padding: 4px 0; display: inline-block;}
div#credentials {float: right; border-right: 1px solid #D7D7D7; padding-top: 6px;}
div#credentials a {text-decoration: none;}
div#credentials div#login input {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFFCFCFC');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmNmY2ZjIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(50%, #fcfcfc));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #fcfcfc 50%);
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #fcfcfc 50%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #fcfcfc 50%);
  background-image: -ms-linear-gradient(top, #f5f5f5 0%, #fcfcfc 50%);
  background-image: linear-gradient(top, #f5f5f5 0%, #fcfcfc 50%);
  border: 1px solid #c0c0c0;
  padding: 2px 4px;
  color: #555555;
  margin-right: 10px;
  margin-left: 5px;
  width: 110px;
}
div#forgot {width: 175px; float: left; margin-left: 300px; background: url(/cp/globalNav/images/user-actions-divider.png) right -2px no-repeat; height: 34px;}
div#forgot a {color: #006BB0; padding: 10px 0; display: block;}
div#forgot a:hover {color: #006BB0; text-decoration: underline;}
div#login {float: right; margin: 0 35px 0 19px;}
div#login a, div#login label {display: inline-block;}
div#login label {padding: 4px 0;}


/* Buttons */
a.actionButton {
    display: -moz-inline-box; /* Fix for FF2 */
    display: inline-block;
    float: left;
    height: 26px;
    background: url(/cp/homepage/img/btn/UserActionButtonRight.png) no-repeat right top;
    text-decoration: none !important;
    padding-right: 9px;
    cursor: pointer;
    outline: none;
}
a.actionButton:hover {background-position: right bottom; text-decoration: none;}
a.actionButton span {
    display: block;
    background: url(/cp/homepage/img/btn/UserActionButtonLeft.png) no-repeat;
    font: bold italic 12px/20px Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 1px 0 5px 9px;
}
a.actionButton:hover span {background-position: left bottom;}

a.disabledButton {background-image: url(/cp/homepage/img/btn/OffStateButtonRight.png); cursor: default;}
a.disabledButton span {background-image: url(/cp/homepage/img/btn/OffStateButtonLeft.png);}

div#register a.submitBtn,
div#login a.submitBtn,
div#register a.submitBtn:hover,
div#login a.submitBtn:hover,
div#register a.submitBtn:link,
div#login a.submitBtn:link {
	background-color: #006BB0;
	color: #FFF;
	padding: 3px 15px;
	border: 1px solid #006BB0;
    border-radius: 3px 3px 3px 3px;
}
div#register a.submitBtn:link {text-decoration: none;}
div#register a.submitBtn:visited {color: #fff;}

/********** New look and feal ***********/
/*************** NAVIGATION *************/
#hrts,
#contactUsMenu,
#manageProfileMenu,
body #navigation {
  position: relative;
  border-right: 1px solid #d7d7d7;
  border-left: 1px solid #fcfcfc;
  zoom: 1;
  margin-left: 0
}

#hrts.yes-js ul,
#contactUsMenu.yes-js ul,
#manageProfileMenu.yes-js ul,
body #navigation.yes-js ul {
  display: none;
}
#hrts.yes-js ul li a,
#contactUsMenu.yes-js ul li a,
#manageProfileMenu.yes-js ul li a,
body #navigation.yes-js ul li a {
  display: block;
}
#hrts:after,
#contactUsMenu:after,
#manageProfileMenu:after,
body #navigation:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
body #navigation > li {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #FCFCFC;
}
#hrts li, #contactUsMenu li,
#manageProfileMenu li,
body #navigation li {
  background: none;
  display: inline;
  font-size: 14px;
  padding: 0;
  float: left;
  position: relative;
  zoom: 1;
  cursor: pointer;
}
#hrts li:after,
#contactUsMenu li:after,
#manageProfileMenu li:after,
body #navigation li:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
#hrts li a,
#contactUsMenu li a,
#manageProfileMenu li a,
body #navigation li a {
  text-align: center;
  color: #006bb0;
  text-shadow: 1px 1px 0px #ffffff;
  display: block;
  line-height: 34px;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
#hrts li > a,
#contactUsMenu li > a,
#manageProfileMenu li > a,
body #navigation li > a {
  padding: 0;
  text-align: center;
  float: left;
  text-decoration: none;
}
body #navigation li > a span {
  margin-left: 5px;
  background: url('/cp/globalNav/images/arrowDown.png') right 5px no-repeat;
  padding-right: 20px;
}
body #navigation li > a:hover span {
  background: url('/cp/globalNav/images/arrowDownHover.png') right 5px no-repeat;
}
#hrts li ul,
#contactUsMenu li ul,
#manageProfileMenu li ul,
body #navigation li ul {
  background-color: #ededed;
  list-style: none;
  margin: 0;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
}
#hrts li ul li,
#contactUsMenu li ul li,
#manageProfileMenu li ul li,
body #navigation li ul li {
  clear: both;
  margin-top: 0;
  height: auto;
  width: 100%;
}
body #navigation li ul li a {
  width: 100%;
  text-align: left;
  font-size: 13px;
  text-indent: 30px;
  line-height: 30px;
  background: url('/cp/globalNav/images/nav-icon-sprite.png') 0 0 no-repeat;
}
body #navigation li.flip_B ul .nav_flip:hover ul {
  left: -100%;
}
body #navigation li.flip_B ul .nav_flip:hover ul li {
  left: -1px;
}
body #navigation li.flip_B ul .nav_flip:hover ul li.top_li:hover {
  -webkit-box-shadow: inset 1px 4px 9px -6px #2b3c46;
  -moz-box-shadow: inset 1px 4px 9px -6px #2b3c46;
  box-shadow: inset 1px 4px 9px -6px #2b3c46;
  /*IE*/
}
#hrts li:hover,
#contactUsMenu li:hover,
#manageProfileMenu li:hover,
body #navigation li:hover {
  border-left: 1px solid #5e8dbe;
  border-right: 1px solid #72a6de;
  background: url('/cp/globalNav/images/bgRollover.jpg') 0 0 repeat-x;
}
body #navigation li:hover span {
  background: url('/cp/globalNav/images/arrowDownHover.png') right 5px no-repeat;
}
#hrts li:hover a,
#contactUsMenu li:hover a,
#manageProfileMenu li:hover a,
body #navigation li:hover a {
  color: #ffffff;
  text-shadow: 1px 1px 0px #5f92c8;
}
#hrts li:hover > a,
#contactUsMenu li:hover > a,
#manageProfileMenu li:hover > a,
body #navigation li:hover > a {
  background-position: 78% -308px;
  text-shadow: 1px 1px 0px #5f92c8;
}
#hrts li:hover > ul,
#contactUsMenu li:hover > ul,
#manageProfileMenu li:hover > ul,
body #navigation li:hover > ul {
  visibility: visible;
  opacity: 1;
  width: 100%;
}
#hrts li:hover ul li,
#contactUsMenu li:hover ul li,
#manageProfileMenu li:hover ul li,
body #navigation li:hover ul li {
  border-left: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  border-top: 1px solid #fcfcfc;
  left: -1px;
}
body #navigation li:hover ul li a {
  background-position: 0 0;
  color: #2b3c46;
  text-shadow: 1px 1px 0px #ffffff;
  text-decoration: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  clear: both;
  max-width: none;
}
body #navigation li:hover ul li.external_link > a {
  background-position: 93% -60px;
}
body #navigation li:hover ul li.external_link:hover > a {
  background-position: 93% -112px;
}
body #navigation li:hover ul li.flyout > a {
  background-position: 95% -166px;
}
body #navigation li:hover ul li.flyout:hover > a {
  background-position: 95% -217px;
}
body #navigation li:hover ul li.top_li {
  border-top: 1px solid #dbdbdb;
  -webkit-box-shadow: inset 1px 4px 9px -6px #cccccc;
  -moz-box-shadow: inset 1px 4px 9px -6px #cccccc;
  box-shadow: inset 1px 4px 9px -6px #cccccc;
  /*IE*/
}
body #navigation li:hover ul li.top_li:hover {
  border-top: 1px solid #587ea4 !important;
  -webkit-box-shadow: inset 1px 4px 9px -6px #2b3c46;
  -moz-box-shadow: inset 1px 4px 9px -6px #2b3c46;
  box-shadow: inset 1px 4px 9px -6px #2b3c46;
  /*IE*/
}
body #navigation li:hover ul li.flyout .top_li:hover {
  -webkit-box-shadow: inset -1px 4px 9px -6px #2b3c46;
  -moz-box-shadow: inset -1px 4px 9px -6px #2b3c46;
  box-shadow: inset -1px 4px 9px -6px #2b3c46;
  /*IE*/
}
#hrts li:hover ul li:hover,
#contactUsMenu li:hover ul li:hover,
#manageProfileMenu li:hover ul li:hover,
body #navigation li:hover ul li:hover {
  border-left: 1px solid #5e8dbe;
  border-top: 1px solid #72a6de;
  border-bottom: 1px solid #5e8dbe;
}
#hrts li:hover ul li:hover a,
#contactUsMenu li:hover ul li:hover a,
#manageProfileMenu li:hover ul li:hover a,
body #navigation li:hover ul li:hover a {
  color: #2b3c46;
}
#hrts li:hover ul li:hover > a,
#contactUsMenu li:hover ul li:hover > a,
#manageProfileMenu li:hover ul li:hover > a,
body #navigation li:hover ul li:hover > a {
  color: #ffffff;
  text-shadow: 1px 1px 0px #5f92c8;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
#hrts li:hover ul li:hover ul,
#contactUsMenu li:hover ul li:hover ul,
#manageProfileMenu li:hover ul li:hover ul,
body #navigation li:hover ul li:hover ul {
  top: -1px;
  left: 100%;
}
#hrts li:hover ul li:hover ul li,
#contactUsMenu li:hover ul li:hover ul li,
#manageProfileMenu li:hover ul li:hover ul li,
body #navigation li:hover ul li:hover ul li {
  width: 100%;
  left: 0;
  border-right: 0 !important;
}
#hrts li:hover ul li:hover ul li:hover,
#contactUsMenu li:hover ul li:hover ul li:hover,
#manageProfileMenu li:hover ul li:hover ul li:hover,
body #navigation li:hover ul li:hover ul li:hover {
  border-left: 1px solid #5e8dbe;
  border-top: 1px solid #72a6de;
  border-right: 1px solid #72a6de;
  border-bottom: 1px solid #5e8dbe;
}
body #navigation .nav_flip_p:hover ul .nav_flip:hover ul li {
  border-right: 0;
  border-left: 1px solid #d7d7d7;
}
body #navigation .nav_flip_p:hover ul .nav_flip:hover ul li:hover {
  border-left: 1px solid #5e8dbe;
  border-right: 0;
}

.condensed #navigation li > a {
  font-size: 12px;
  width: 237px;
}
#hrts li ul li,
#contactUsMenu li ul li,
#manageProfileMenu li ul li,
.condensed #navigation li ul li {
  width: 100%;
}
#hrts li ul li a,
#contactUsMenu li ul li a,
#manageProfileMenu li ul li a,
.condensed #navigation li ul li a {
  width: 100%;
  padding: 0;
  text-align: left;
  line-height: 32px;
  text-indent: 30px;
  height: auto;
}
.condensed #navigation li.nav_flip_p ul .nav_flip:hover ul {
  left: -238px;
}
.social #navigation li.nav_flip_p ul .nav_flip:hover ul {
  left: -198px;
}
.condensed #navigation li.nav_flip_p ul .nav_flip:hover ul li {
  left: -1px;
}
.condensed #navigation li.nav_flip_p ul .nav_flip:hover ul li.top_li:hover {
  -webkit-box-shadow: inset 1px 4px 9px -6px #2b3c46;
  -moz-box-shadow: inset 1px 4px 9px -6px #2b3c46;
  box-shadow: inset 1px 4px 9px -6px #2b3c46;
  /*IE*/
}
.condensed #navigation li.flip_A ul li.top_li:hover {
  -webkit-box-shadow: inset 1px 4px 9px -6px #2b3c46;
  -moz-box-shadow: inset 1px 4px 9px -6px #2b3c46;
  box-shadow: inset 1px 4px 9px -6px #2b3c46;
  /*IE*/
}
.condensed #navigation li.flip_B ul li.top_li:hover {
  -webkit-box-shadow: inset 1px 4px 9px -6px #2b3c46;
  -moz-box-shadow: inset 1px 4px 9px -6px #2b3c46;
  box-shadow: inset 1px 4px 9px -6px #2b3c46;
  /*IE*/
}
#hrts li:hover > a,
#contactUsMenu li:hover > a,
#manageProfileMenu li:hover > a,
.condensed #navigation li:hover > a {
  background-position: 96% -315px;
}
.condensed #navigation li:hover > ul {
  width: 237px;
}
.social #navigation li:hover > ul {width: 197px;}

#hrts li:hover ul li a,
#contactUsMenu li:hover ul li a,
#manageProfileMenu li:hover ul li a,
.condensed #navigation li:hover ul li a {
  background-position: 0 0;
  color: #2b3c46;
  text-shadow: 1px 1px 0px #ffffff;
  text-decoration: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  clear: both;
  max-width: none;
}
.condensed #navigation li:hover ul li.external_link > a {
  background-position: 93% -59px;
}
.condensed #navigation li:hover ul li.external_link:hover > a {
  background-position: 93% -111px;
}
.condensed #navigation li:hover ul li.flyout > a {
  background-position: 95% -163px;
}
.condensed #navigation li:hover ul li.flyout:hover > a {
  background-position: 95% -214px;
}
.condensed #navigation li:hover ul li:hover a {
  color: #2b3c46;
}
.condensed #navigation li:hover ul li:hover > a {
  color: #ffffff;
  text-shadow: 1px 1px 0px #5f92c8;
}
#hrts ul,
#contactUsMenu ul,
#manageProfileMenu ul,
#navigation ul {
  -webkit-box-shadow: 0 5px 8px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 8px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 8px -2px rgba(0, 0, 0, 0.2);
  /*IE*/
}
#navigation ul li ul {
  -webkit-box-shadow: 1px 5px 8px -4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 5px 8px -4px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 5px 8px -4px rgba(0, 0, 0, 0.2);
  /*IE*/
}

/*-----------------
Social Condense
------------------*/
.social #navigation li > a {
  padding: 0;
  width: 197px;
  text-align: center;
}
#hrts > li:hover,
#contactUsMenu > li:hover,
#manageProfileMenu > li:hover,
#navigation li.noLanding:hover,
#navigation li:hover ul li.noLanding,
#navigation li:hover ul li:hover ul li.noLanding {
	cursor: default;
}
#cmolink.backcmo {
clear: both;
margin-left: 4px;
}

/* Header navigation menus */
#hrts,
#contactUsMenu,
#manageProfileMenu {border-right: none; border-left: none;}

#manageProfileMenu li > a {font-size: 12px; width: 137px;}
#contactUsMenu li > a {font-size: 12px; width: 95px;}

#hrts > li,
#contactUsMenu > li,
#manageProfileMenu > li {border-left: none; border-right: 1px solid #FCFCFC;}

#hrts li:hover > ul {width: 128px;}
#contactUsMenu li:hover > ul {width: 128px;}
#manageProfileMenu li:hover > ul {width: 137px;}

#hrts li a,
#manageProfileMenu li a,
#contactUsMenu li a {line-height: 30px;}

#hrts li ul {top: 0; left: 126px; z-index: 1;}
#contactUsMenu li ul {top: 0; left: -129px; z-index: 1;}
#manageProfileMenu li ul {top: 25px; right: -129px; z-index: 1;}

#hrts li ul li a {font-size: 12px; text-indent: 20px; line-height: 28px;}
#contactUsMenu li ul li a {font-size: 12px; text-indent: 20px; line-height: 28px;}
#manageProfileMenu li ul li a {font-size: 12px; text-indent: 14px; line-height: 28px;}

#manageProfileMenu li ul li span {background: url('/cp/globalNav/images/arrowDownHover.png') right 5px no-repeat;}
body #manageProfileMenu li > a span {
  margin-left: 5px;
  background: url('/cp/globalNav/images/arrowDown.png') 88px 3px no-repeat;
  padding-right: 33px;
}
body #manageProfileMenu li > a:hover span {
  background: url('/cp/globalNav/images/arrowDownHover.png') 88px 3px no-repeat;
}

#user_actions #hrts li,
#user_actions #contactUsMenu li,
#user_actions #manageProfileMenu li {padding: 0;}

#user_actions ul#contactUsMenu li,
#user_actions ul#manageProfileMenu li {border-right: none;}

#user_actions #hrts a:hover,
#user_actions #contactUsMenu a:hover,
#user_actions #manageProfileMenu a:hover {text-decoration: none;}

#user_actions #contactUsMenu,
#user_actions #manageProfileMenu {border-right: 1px solid #e2e2e2;}

#user_actions #hrts a,
#user_actions #contactUsMenu a,
#user_actions #manageProfileMenu a {filter: none;}

/* hrts menu */
#hrts li > a {width: 125px;}

#user_actions ul.Xredundant li {border-left: 1px solid #e2e2e2;}

#user_actions ul.redundant .first {border-right: 0;}