﻿/*
cp - CIPD and the HR Profession
ht - HR topics
hr - HR resources
nb - News and blogs
ia - Insights and analysis
me - Membership
qu - Qualifications
tr - Training
ne - Networking and events
st - Store
er - Error
*/

/* Navigation level 1 */
#nav_l1_container {background: #303b44 url(/publicsites/cscape.cipd.hrcareers/images/bg_nav_gradient_main.gif) repeat-x 0 0; min-height: 64px}
.nav_l1 {color: #fff; font-size: 1.4em; margin: 0 auto; min-height: 55px; padding-top: 9px; width: 964px}
.nav_l1 a:link,.nav_l1 a:visited,.nav_l1 a:hover,.nav_l1 a:active {color: #fff; text-decoration: none}
.nav_l1 ul {margin: 0; padding: 0 0 0 3px}
.nav_l1 ul li {padding-left:0;background:url(/publicsites/cscape.cipd.hrcareers/images/bg_nav_separator.gif) repeat-y 0 0; float: left; line-height: 1.2em; list-style: none; text-align: center;padding: 0 10px 0 11px}
.nav_l1 ul li.first {border-left: none;margin-left:0;background:none}
.nav_l1 ul li.last {border-right: none; padding-right: 0}
.nav_l1 ul li.current {padding: 0 10px 0 11px}
.nav_l1 ul li.current span {display: block; background: url(/publicsites/cscape.cipd.hrcareers/images/boxes/bg_nav_boxes.gif) no-repeat 0 -500px;padding-left: 5px;}
.nav_l1 ul li.current span span {background: url(/publicsites/cscape.cipd.hrcareers/images/boxes/bg_nav_boxes.gif) no-repeat 100% -544px;padding: 10px 20px 4px 15px; min-height: 30px}
.nav_l1 ul li a.nav_l1_link {display: block; min-height: 30px;padding: 10px 0 4px;margin-left:20px;margin-right:20px}
.nav_l1 ul li.current span span a.nav_l1_link {padding: 0;margin-left:0;margin-right:0}
.nav_l1 ul li .over a.nav_l1_link {padding: 10px 0 4px;margin-left:20px;margin-right:20px}

.over {background: url(/publicsites/cscape.cipd.hrcareers/images/navigation/nav_tab.png) no-repeat -6px -16px}
.over a:link, .over a:visited {color: #303b44}

.nav_l1 ul li div.over {margin: 0}

.wrapper {background: url(/publicsites/cscape.cipd.hrcareers/images/navigation/nav_tab_right.gif) no-repeat 100% 0}
.shim {position: absolute; z-index: 2999;}
.shim .left {width: 6px; height: 16px; line-height: 0; font-size: 0; float: left; background: url(/publicsites/cscape.cipd.hrcareers/images/navigation/nav_tab.png) no-repeat 0 0}
.shim .middle {background-color: #fff; float: left; line-height: 0; font-size: 0; height: 16px;}
.shim .right {width: 6px; height: 16px; line-height: 0; font-size: 0; float: left; background: url(/publicsites/cscape.cipd.hrcareers/images/navigation/nav_tab.png) no-repeat -6px 0}

.nav_popup .top_container {height:5px; line-height: 0; font-size: 0}
.nav_popup .top_left {width:5px; height:5px; background:url(/publicsites/cscape.cipd.hrcareers/images/navigation/nav_borders_1.png) 0 0 no-repeat; float: left; line-height: 0; font-size: 0}
.nav_popup .top_middle {height:5px; background:url(/publicsites/cscape.cipd.hrcareers/images/navigation/nav_borders_1.png) 0 -10px repeat-x; float: left; line-height: 0; font-size: 0}
.nav_popup .top_right {width:5px; height:5px; background:url(/publicsites/cscape.cipd.hrcareers/images/navigation/nav_borders_1.png) -5px 0 no-repeat; float: left; line-height: 0; font-size: 0}
.nav_popup .bottom_container {height:5px; line-height: 0; font-size: 0}
.nav_popup .bottom_left {width:5px; height:5px; background:url(/publicsites/cscape.cipd.hrcareers/images/navigation/nav_borders_1.png) 0 -5px no-repeat; float: left; line-height: 0; font-size: 0}
.nav_popup .bottom_middle {height:5px; background:url(/publicsites/cscape.cipd.hrcareers/images/navigation/nav_borders_1.png) 0 -13px repeat-x; float: left; line-height: 0; font-size: 0}
.nav_popup .bottom_right {width:5px; height:5px; background:url(/publicsites/cscape.cipd.hrcareers/images/navigation/nav_borders_1.png) -5px -5px no-repeat; float: left; line-height: 0; font-size: 0}
.nav_popup .middle_left, .nav_popup .bottom_left {clear:left}
.nav_popup .middle_left {width:5px; background:url(/publicsites/cscape.cipd.hrcareers/images/navigation/nav_borders_2.png) 0 0 repeat-y; float: left;}
.nav_popup .content_section {float: left;}
.nav_popup .middle_right {width:5px; background:url(/publicsites/cscape.cipd.hrcareers/images/navigation/nav_borders_2.png) -3px 0 repeat-y; float: left;}
.nav_popup ul li{background:none}
.nav_l1 .nav_popup a:link, .nav_l1 .nav_popup a:visited {color: #1578be}
.nav_l1 .nav_popup a:hover, .nav_l1 .nav_popup a:active {text-decoration: underline}
.nav_l1 .nav_popup a {padding:0}
.nav_l1 .nav_popup ul li {line-height: 1.4em;}

.case-studies_selected {width: 105px}
.case-studies_outer {background: url(/publicsites/cscape.cipd.hrcareers/images/bg_arrow_cp.gif) no-repeat 65px 100%}

/* Navigation Level 2*/
#nav_l2_container {background-color: #f05c28; margin-bottom: 1px; min-height: 5px}
#nav_l2 {font-size: 1.3em; margin: 0 auto; width: 1004px}
#nav_l2_container a:link,
#nav_l2_container a:visited {color: #fff; text-decoration: none}
#nav_l2_container a:hover,
#nav_l2_container a:active {text-decoration: underline}
#nav_l2_container.case-studies a:link,
#nav_l2_container.case-studies a:visited,
#nav_l2_container.qu a:link,
#nav_l2_container.qu a:visited {color: #000; text-decoration: none}
#nav_l2_container.case-studies li.current a:link,
#nav_l2_container.case-studies li.current a:visited {color: #fff; text-decoration: none}
#nav_l2 ul {margin: 0; min-height: 35px; padding: 0 0 0 10px}
#nav_l2 ul li {float: left; list-style: none; padding: 9px 8px 5px}
#nav_l2 ul li.current {padding: 5px 0}

#nav_l2_container li.current span {display: block; background: url(/publicsites/cscape.cipd.hrcareers/images/boxes/bg_nav_boxes.gif) no-repeat;padding-left: 8px;}
#nav_l2_container li.current span span {background: url(/publicsites/cscape.cipd.hrcareers/images/boxes/bg_nav_boxes.gif) no-repeat; padding: 4px 8px 5px 0}

/* Register */
#nav_l1_container.empty {min-height:22px;height:22px;line-height:0;font-size:0}
#nav_l2_container.empty {min-height:5px;height:5px;line-height:0;font-size:0}

/* Navigation Level 3 */
#nav_l3_container {background:url("/publicsites/cscape.cipd.hrcareers/images/bg_nav_gradient_lower.gif") repeat-x scroll 0 0 transparent;min-height:30px;}
#nav_l3_container #breadcrumb{background:none;font-size:1.2em;color:#000;padding:8px 0 18px}
#nav_l3_container #breadcrumb_container{margin:0 auto;text-align:left;width:964px;min-height:30px}
#nav_l3_container .content_title_standard{margin:0 auto 22px;text-align:left;width:964px;border-bottom: 5px solid #A42B00;padding: 6px 0 8px}
#nav_l3_container .content_title_standard h1{font-size:2.8em;font-weight:400;line-height:normal;margin:0;padding:0;}
#nav_l3_container .navl3 .promotion {float:right}
#nav_l3_container .navl3 .promotion ul.shortcuts {margin:1.4em 0 0;padding:0;list-style:none}
#nav_l3_container .navl3 .promotion ul.shortcuts li{background:none;float:left;border-right:solid 1px #999999;font-size:1.3em;padding: 0 10px 0 10px}
#nav_l3_container .navl3 .promotion ul.shortcuts li.last{border-right:none;padding-right:0px}

/* nav popups */
#nav_popup_container{line-height:1.2em}
.nav_popup{color:#000;display:none;left:0;position:absolute;z-index:2800}
.nav_popup .middle{background-color:#fff;color:#303b44;font-size:0.75em;line-height:1.4em;padding:16px;text-align:left}
.nav_popup .middle .transadvert .title{color:#fff;float:left;font-size:1.45em;padding:7px 10px 2px;position:relative;margin-bottom:0;font-weight:400;border:none}
.nav_popup .middle .transadvert .title a{font-weight:400;display:inline}
.nav_popup .middle .transadvert a{color:#FFFFFF!important;font-weight:700}
.nav_popup .middle ul{list-style:none;padding:0;margin:0 0 15px}
.nav_popup .middle ul li.member_only{margin:0 0 4px;padding:0}
.nav_popup .middle ul li.member_only a{display:block;float:left;width:236px;margin-top:1px;height:auto}
.nav_popup .middle ul li.member_only img.member_content{display:block;float:left;width:18px;vertical-align:top;margin-right:3px}
.nav_popup .middle ul li{border:none;text-align:left;float:none}
.nav_popup .middle .title{font-size:1em;font-weight:700}
.nav_popup .middle .block_nl1{background-color:#F1F1ED;padding:10px;margin-bottom:10px;height:1%}
.nav_popup .middle .block_nl1 .title{margin-bottom:15px}
.nav_popup .middle .block_nl1 .thumb{float:left;width:75px;margin-right:10px}
.nav_popup .middle .block_nl1 .content{float:left;width:198px}
.nav_popup .middle .bg_registration_area4 .title{font-size:1.3em;margin:0 0 4px}
.nav_popup .middle .bg_registration_area4 .white_box{margin-bottom:0;padding:10px} 

.nav_popup .case-studies .middle{width:250px}
.nav_popup .explore-hr-careers .middle{width:250px}

.navigationicon{line-height:1em}

