body{background:url(~/media/Images/S/Sjp-Academy/Images/css/body-bg-true-partnership.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;} body p{line-height:16px;} .uppermain{background:url(~/media/Images/S/Sjp-Academy/Images/css/upper-main-bg.png) repeat-y top center; width:100%; margin:0 auto; position: absolute;/*z-index: -1;*/z-index: 0;} .container_main .padding25 {padding-left:25px; padding-right:25px;} a{ text-decoration:none; outline:none;} #Homepage h1{ color:#333333; float:none ; width:auto; padding:0 0 0 18px; margin:0; font-size:1.5em; font-family:"Times New Roman", Times, serif;} #Homepage h1 strong{ color:#617185; font-size:2em; padding-right:8px} /* Header */ #header{background:url(~/media/Images/S/Sjp-Academy/Images/css/header-bg.jpg) repeat-x 0 0;} .toplinks{margin-top:14px;} .toplinks ul li{display:block; float:left; padding:0 7px 2px; background:url(~/media/Images/S/Sjp-Academy/Images/css/toplinks-divider.png) no-repeat 0 1px; line-height:0.9em;} .toplinks ul li.first, .search ul li.first{background:none;} .toplinks ul li.first{ padding-left:0;} .toplinks ul li a{display:block; color:#78aec1; font-size:1.1em;} .search{margin-top:10px; margin-left:10px;} .search img{float:left; margin-top:7px;} .search input{float:left; border:1px solid #c5e1e8; height:15px; margin-right:10px; color:#a7ccdb; width:120px; font-size:1.1em; padding-left:4px;} .ie7 .search input, .ie8 .search input{ width:119px;} .search .btn input{ width:auto; height:auto; margin-right:0; padding-left:0;} .search ul{margin-top:4px; float:right; margin-right:15px; padding-left:65px} .search ul li{display:block; float:left; padding:0 6px 2px 8px; background:url(~/media/Images/S/Sjp-Academy/Images/css/toplinks-divider.png) no-repeat 0 1px; line-height:0.9em;} .search ul li a{color:#85bdce; font-size:1.1em;} .search a img{margin-top:0px;} .logotext{float: right; margin-top: 19px; width: 138px;} .logoimage{ margin-top: 27px; width: 353px; float:left;} .logoimage img{margin-top:19px; float:right;} /* Navigation */ .navigation {padding-top:20px; float:left;} .navigation ul li{display:block; float:left;} .navigation ul li a{background:url(~/media/Images/S/Sjp-Academy/Images/css/nav-new.gif) no-repeat; display:block; height:36px; margin-right:4px;} .navigation ul li a span{display:none;} .navigation ul li#nav-Homepage-level1 a{width:59px;background-position:0 0;} .navigation ul li#nav-Homepage-level1 a:hover{background-position:0 -36px;} .navigation ul li#nav-Homepage-level1.current a{background-position:0 -36px;} .navigation ul li#nav-why-st-james-place-level1 a{width:154px; background-position:-63px 0;} .navigation ul li#nav-why-st-james-place-level1 a:hover{background-position:-63px -36px;} .navigation ul li#nav-why-st-james-place-level1.selected a, .navigation ul li#nav-why-st-james-place-level1.current a{background-position:-63px -36px;} .navigation ul li#nav-the-academy-level1 a{width:103px; background-position:-221px 0;} .navigation ul li#nav-the-academy-level1 a:hover{background-position:-221px -36px;} .navigation ul li#nav-the-academy-level1.selected a, .navigation ul li#nav-the-academy-level1.current a{background-position:-221px -36px;} .navigation ul li#nav-the-partnership-level1 a{width:119px;background-position:-328px 0;} .navigation ul li#nav-the-partnership-level1 a:hover{background-position:-328px -36px;} .navigation ul li#nav-the-partnership-level1.selected a, .navigation ul li#nav-the-partnership-level1.current a{background-position:-328px -36px;} .navigation ul li#nav-our-approach-level1 a{width:105px;background-position:-451px 0;} .navigation ul li#nav-our-approach-level1 a:hover{background-position:-451px -36px;} .navigation ul li#nav-our-approach-level1.selected a, .navigation ul li#nav-our-approach-level1.current a{background-position:-451px -36px;} .navigation ul li#nav-our-services-level1 a{width:102px;background-position:-560px 0;} .navigation ul li#nav-our-services-level1 a:hover{background-position:-560px -36px;} .navigation ul li#nav-our-services-level1.selected a, .navigation ul li#nav-our-services-level1.current a{background-position:-560px -36px;} .navigation ul li#nav-foundation-level1 a{width:91px;background-position:-666px 0;} .navigation ul li#nav-foundation-level1 a:hover{background-position:-666px -36px;} .navigation ul li#nav-foundation-level1.selected a, .navigation ul li#nav-foundation-level1.current a{background-position:-666px -36px;} .navigation ul li#nav-my-story-level1 a{width:72px;background-position:-761px 0;} .navigation ul li#nav-my-story-level1 a:hover{background-position:-761px -36px;} .navigation ul li#nav-events-level1 a{width:113px;background-position:-836px 0;} .navigation ul li#nav-events-level1 a:hover{background-position:-836px -36px;} .navigation ul li#nav-events-level1.selected a, .navigation ul li#nav-events-level1.current a{background-position:-836px -36px;} .navigation ul li#nav-my-story-level1.selected a, .navigation ul li#nav-my-story-level1.current a{background-position:-761px -36px;} #nav-supporting-your-business-level2 span {margin-right:5px} /*.content-left ul li.level2 ul{margin-top: 8px !important;}*/ /*.ie7 .content-left ul li.level2 ul{margin-top: 3px !important;}*/ /* Banner */ #banner{ width:100%; height:427px; float:left; background:url(~/media/Images/S/Sjp-Academy/Images/Content/temp-banner.gif) top left no-repeat;} /* Content */ .homeContentUpBox{ width:100%; height:24px; float:left; background:url(~/media/Images/S/Sjp-Academy/Images/css/home-content-up-bg.gif) top left repeat-x;} #Homepage #content{background:#f2f7f9 url(~/media/Images/S/Sjp-Academy/Images/css/home-content-bg.gif) top left repeat-x; padding:0 0 0 10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em;} #content{padding-bottom:50px; padding-top:30px; font-family:Arial, Helvetica, sans-serif;} #content.myStoryvideo{ padding-bottom:55px;} #Homepage #content p{ font-family:Arial, Helvetica, sans-serif; padding-bottom:10px; color:#333333;} #Homepage #content h2{ font-size:1.8em; color:#001838; font-weight:normal; padding-bottom:6px;} .content-box1{ background:url(~/media/Images/S/Sjp-Academy/Images/css/box1-divider.gif) top right no-repeat; padding:12px 10px 0 7px; width:298px; float:left;} .box1-content{ padding:0 0 0 8px;} .box1-content p.rad-highlight{ background: url(~/media/Images/S/Sjp-Academy/Images/css/button-bg.gif) repeat-x left top transparent; float: left; font-family: Arial,Helvetica,sans-serif; height: 21px; padding: 5px 10px 0;} .box1-content a{color: #FFFFFF; line-height: 15px; padding-right: 9px; background:url(~/media/Images/S/Sjp-Academy/Images/css/arrow3.png) no-repeat scroll right 5px transparent;} .content-box2-3Container{ background:url(~/media/Images/S/Sjp-Academy/Images/css/box1-divider.gif) 322px top no-repeat; float:left;} .ie7 .content-box2-3Container{width:655px} .content-box2{ padding:20px 0;} .content-box2 ul{ padding-top:4px;} .content-box2 ul li{ background:url(~/media/Images/S/Sjp-Academy/Images/css/rhs-border-bg.gif) bottom left repeat-x; color:#00598c; font-size:1.4em; padding:10px 0 13px;} .content-box2 ul li a{ background:url(~/media/Images/S/Sjp-Academy/Images/css/arrow2.png) right 6px no-repeat; padding-right:16px; color:#00598c;} .content-box3{ width:325px; float:left;} .content-box2-inner1{ width:290px; float:left; background:url(~/media/Images/S/Sjp-Academy/Images/css/rhs-border-bg.gif) bottom left repeat-x; padding:18px 0px 17px 0px;} .content-box2-inner1 p strong{ color:#001838;} .content-box3-inner2{padding:14px 0 8px 20px; float:left; width:305px;} .content-box3-inner2 table{ margin-bottom:10px; font-family:Arial, Helvetica, sans-serif;} .content-box3-inner2 table td{ padding-bottom:5px;} .content-box3-inner2 table a{ color:#61a8c4;} .applyBox{ background:url(~/media/Images/S/Sjp-Academy/Images/css/button-bg.gif) top left repeat-x; height:21px; padding:5px 10px 0; float:left; width:75px; font-family:Arial, Helvetica, sans-serif;} #Homepage .applyBox{width:auto} .videoItem .applyBox{ width:auto; float:right; margin-top:15px;} .applyBox a{ background:url(~/media/Images/S/Sjp-Academy/Images/css/arrow3.png) right 5px no-repeat; padding-right:9px; color:#fff!important;line-height:15px} #Homepage #content .applyBox p{ padding-bottom:0; line-height:15px} #video-banner .applyBox{ background:url(~/media/Images/S/Sjp-Academy/Images/css/button-bg.gif) top left repeat-x; height:21px; width:93px; padding:5px 11px 0; float: right; margin-right: 18px;margin-top: 5px;font-family:Arial, Helvetica, sans-serif; font-size:1.3em} .ie7 #video-banner .applyBox{margin-top:-7px;} /*#video-banner .applyBox{ background:url(~/media/Images/S/Sjp-Academy/Images/css/button-bg.gif) top left repeat-x; height:21px; width:90px; padding:5px 11px 0; margin:-99px 48px 0 0; float:right; font-family:Arial, Helvetica, sans-serif; font-size:1.3em}*/ #video-banner .applyBox a{line-height:14px} #quick-links {padding:10px; padding-bottom:0px; background:url(~/media/Images/S/Sjp-Academy/Images/css/quicklinks-bg.gif) center top repeat-x #5d7e94;} .ip3-blog .applyBox { padding: 2px 10px 0;width: 165px;margin-top:10px;} .ip3-blog .applyBox a{display:block;} /* FOOTER */ #footer {background:#001938;} .footer-links{float:left;} .footer-links ul li{display:block; float:left; background:url(~/media/Images/S/Sjp-Academy/Images/css/footer-divider.png) no-repeat; padding:0 10px;} .footer-links ul li.first{background:none; padding-left:0;} .footer-links ul li a{color:#fff;} .footer-upper{padding:14px 0 29px 0;} .copyrights {float:right;} .copyrights p{color:#fff;} .footer-lower{/*width:640px;*/ width:100%; padding-bottom:12px; text-align: center; /*padding-left:143px;*/ padding-left:0px;} .footer-lower p{color:#fff; font-size:1.1em;} /* Content Page */ .secHead{ color:#183c5b; background-color:#e2e6e9; padding:11px 0 12px 10px; font-size:1.8em; width:160px;} .noBG {background:none} .content-left {font-family:Georgia, Arial, "Times New Roman", Times, serif; } .content-left ul{ font-size:1.4em; background:#eff3f5; width:170px;} .content-left ul li a{padding: 6px 10px 8px 10px; display:block; color:#000;} .content-left ul li.current a{color:#fff;} .content-left ul li.current ul li a{color:#000;} /*.content-left ul li.current span{padding-left:10px;} .content-left ul li ul li.current span{padding-left:0px;}*/ .content-left ul li a:hover{color:#FFFFFF;} .content-left ul li ul li.level3 {padding-left:20px; width:150px;} /*.content-left ul li.current ul li:hover {background-image:none !important;}*/ .content-left ul li.current ul li a {padding:6px 0 8px 10px;} .content-left ul li.current ul li a:hover {background-image:none !important; color: #173E5B;} .content-left ul li.selected a, .content-left ul li.current{background:url(~/media/Images/S/Sjp-Academy/Images/css/leftnav-current-bg.png) no-repeat; color:#fff; display:block; width:181px;} .content-left ul li#nav-academy-mentors-level2.selected span{width: 165px;} .content-left ul li.selected ul li a{background-image:none;color: #000;} .content-left ul li.selected ul li a:hover{color:#fff;} .content-left ul li.selected ul li.current a{ background-image:none; color:#173E5B; width: 130px; text-decoration:underline;} .content-left ul li:hover{background:url(~/media/Images/S/Sjp-Academy/Images/css/leftnav-current-bg.png) no-repeat; color:#fff; display:block; width:181px;} body.ie8 .content-left ul li#nav-academy-partner-profiles-level2.selected a, body.ie8 .content-left ul li#nav-academy-partner-profiles-level2.current{background:url(~/media/Images/S/Sjp-Academy/Images/css/leftnav-current-bg-big.png) no-repeat; color:#fff; display:block; width:181px; height:28px;} body.ie8 .content-left ul li#nav-academy-partner-profiles-level2:hover{background:url(~/media/Images/S/Sjp-Academy/Images/css/leftnav-current-bg-big.png) no-repeat; color:#fff; display:block; width:181px;} .content-left ul li ul li.level3:hover{width:150px;} .content-left ul li.selected ul li.leval3 a:hover{text-decoration:underline!important;} .content-left ul ul{ font-size:1em; margin:0px; } .content-left ul li {padding:0px; display:block; width:181px;} /*.content-left ul li ul li.last{padding: 6px 0 0px 0px;}*/ .content-left ul li ul li.selected, .content-left ul li ul li.current, .content-left ul li ul li.level3{/*background-color:#E2E6E9*/;margin:0; /*margin-left:20px !important; */color:#fff; background:url(~/media/Images/S/Sjp-Academy/Images/css/third-nav-arrow.png) no-repeat 16px center #E2E6E9; width:150px; } .content-left ul li ul li#nav-professional-qualifications-level3.selected, .content-left ul li ul li#nav-professional-qualifications-level3.current{width:150px;} .content-left ul li ul li:hover{/*background-color:#1B4261; margin:8px 0 0 0; */width:170px;background-color: #E2E6E9; } .content-left ul li ul li:hover a:hover{text-decoration: underline;} .content-left ul li ul li{width:170px; background-color: #E2E6E9; color: #FFFFFF; } .content-left ul li span{ display:block;} .content-left ul li ul li a {text-decoration:none;} /*.content-left ul li#nav-supporting-your-business-level2.selected a{background:url(~/media/Images/S/Sjp-Academy/Images/css/leftnav-current-bg-big.gif) no-repeat;}*/ li#nav-career-in-wealth-management-level2 a:hover, li#nav-career-in-wealth-management-level2.current, li#nav-building-client-relationships-level2 a:hover, li#nav-building-client-relationships-level2.current, li#nav-supporting-your-business-level2.current, li#nav-supporting-your-business-level2.current a:hover/*, li#nav-supporting-your-business-level2.selected, li#nav-supporting-your-business-level2 a:hover, li#nav-supporting-your-business-level2.current /*,li#nav-professional-qualifications-level3 a:hover, li#nav-professional-qualifications-level3.current*/ {background:url(~/media/Images/S/Sjp-Academy/Images/css/leftnav-current-bg-big.gif) no-repeat;} .content-left ul li#nav-supporting-your-business-level2 a:hover{background:url(~/media/Images/S/Sjp-Academy/Images/css/leftnav-current-bg-big.gif) no-repeat;} .content-left ul li#nav-supporting-your-business-level2 ul li.level3 a, .content-left ul li#nav-supporting-your-business-level2 ul li.level3 a:hover{background-image:none;} .content-left ul li#nav-supporting-your-business-level2.selected a:hover{background:url(~/media/Images/S/Sjp-Academy/Images/css/leftnav-current-bg.gif) no-repeat;} .content-left ul li li#nav-building-client-relationships-level2 a:hover li a:hover{color: #173E5B; background-color: #E2E6E9;} li#nav-building-client-relationships-level2 a:hover li a:hover{color: #173E5B; background-color: #E2E6E9;} li#nav-building-client-relationships-level2 a:hover li {color: #173E5B; background-color: #E2E6E9;} li#nav-building-client-relationships-level2 a:hover li:hover{color: #173E5B; background-color: #E2E6E9;} /*li#nav-training-and-development-level2 a{width:166px;} li#nav-supporting-your-business-level2.selected a:hover{background:none; } */ li#nav-supporting-your-business-level2.selected ul li.leval3 a:hover {text-decoration: underline !important;} .content-left ul li ul li.leval3 a:hover{background:none; text-decoration: underline !important;} .content-left ul li ul li.leval3 a:hover {text-decoration: underline} /*.content-left ul li ul li a{ margin:8px 0 0 0;} li.level3 a {margin-left:20px}*/ /*.content-left ul li#nav-level3-3-level2.current, .content-left ul li.current, .content-left ul li a{margin:2px 0; padding:6px 0 8px 10px; width:160px; color:#183c5b; display:block;} .content-left ul li#nav-level3-3-level2.current, .content-left ul li.current, .content-left ul li a{margin:2px 0; padding:6px 0 8px 10px; width:160px; color:#183c5b; display:block;} .content-left ul li#nav-level3-3-level2.current, .content-left ul li#nav-level3-3-level2 a:hover{background:url(~/media/Images/S/Sjp-Academy/Images/css/leftnav-current-bg-big.gif) no-repeat;} */ /*li.level3 {margin-left:-10px}*/ /**/ /*li#nav-continuous-development-level3 span{padding-right: 10px;}*/ /*.content-left ul li#nav-continuous-development-level3.current {background:url(~/media/Images/S/Sjp-Academy/Images/css/leftnav-current-bg-big.gif) no-repeat;}*/ /*.content-left ul li.selected ul li a{background:none; color: #183C5B;} .content-left ul li.selected ul li{padding-left:10px;}*/ /* Breadcrumb Container */ .breadcrumbContainer{ font-size:1.2em; margin-top:-2px; float:left; width:100%; line-height:15px} .breadcrumbContainer a{ color:#61a8c4; float:left;} .breadcrumbContainer span{ color:#333333; float:left;} .breadcrumbContainer span img{ margin:3px 15px 0 7px; float:left;} /* Content Area */ .contentArea{ font-size:1.3em;} /*h1{ color:#001838; float:left; width:100%; padding:14px 0 21px; font-size:2em;}*/ h1 { color: #001838; float: left; font-family: 'Perpetua'; font-size: 2em; padding: 12px 0 21px; width: 100%; } .contentArea p{ padding-bottom:18px; line-height:19px;} .contentArea a{ color:#61A8C4;} .contentArea ul{ margin:0 0 0 5px; padding:0 0 10px 15px;} .contentArea ul li{ list-style: square; padding:0 0 10px 0; line-height:17px} .contentArea ul ul{ margin:0 0 0 5px; padding:10px 0 0 15px;} .contentArea ul li ul li{ list-style:disc; padding:0 0 10px 0;line-height:17px} .content-center .contentArea img { float: right; } .contentArea ol {clear: both; margin: 0 0 10px 23px; padding: 0;} .contentArea ol li{ list-style-type: decimal;line-height: 17px; padding: 1px 0;} .sitemap{float:left;} .sitemap ul li { background: url(~/media/Images/S/Sjp-Academy/Images/css/breadcrumb-arrow.gif) no-repeat 0 6px transparent; display: block; list-style-type: none; padding-left: 12px !important;} #site-map.ie7 .sitemap ul li{list-style-type:none; background: url(~/media/Images/S/Sjp-Academy/Images/css/breadcrumb-arrow.gif) no-repeat 4px 6px transparent; padding-left:15px !important;} div.details p:first-child img { padding-left:119px; } /* RHS */ .content-right{ padding-top:76px;} .content-rightContainer{} .rhsTitle{background: url("~/media/Images/S/Sjp-Academy/Images/css/quicklinks-title-border.jpg") repeat-x scroll center bottom transparent; color: #FFFFFF; font-family: Georgia,"Times New Roman",Times,serif; font-size: 1.8em; padding-bottom: 10px;} .related-links{ font-size:1.2em; padding-top:0px;} .related-links li{ border-bottom:1px solid #727e89; padding:9px 0;} .related-links a{ color:#fff;padding-right:10px;line-height:14px} .related-links a img{padding-left:5px;} .ie7 .related-links li{ padding:7px 0;} /*.related-links{ font-size:1.2em; padding-top:5px; font-family:Arial, Helvetica, sans-serif;} .related-links li{ background:url(~/media/Images/S/Sjp-Academy/Images/css/rhs-border-bg.gif) bottom left repeat-x; padding:6px 0 11px;} .related-links a{ color:#194A5D; background:url(~/media/Images/S/Sjp-Academy/Images/css/right-box-arrow.gif) 100% 4px no-repeat; padding-right:8px;} */ /* Two Column Left */ .content-towcolLeft{ padding-right:10px;} .content-towcolLeft .contentArea{ font-size:1.6em;} .content-towcolLeft .contentArea h1{ font-size:1.7em;} .storyContainer{ width:244px; background:url(~/media/Images/S/Sjp-Academy/Images/css/story-box-top.gif) top left no-repeat; float:left; margin-bottom:20px; font-size:0.75em;} .storyContainer.first{ margin-left:-7px;} .storyContainerBtm{ background:url(~/media/Images/S/Sjp-Academy/Images/css/story-box-btm.gif) bottom left no-repeat; width:237px; padding:24px 0 0 7px;} .storyContainer h2{ color:#001838; font-weight:normal; font-size:1.5em; padding:0 0 4px 10px; width:212px; height:18px; line-height:1.1em; overflow:hidden;} .storyPic{width:208px; height:94px; padding:10px 11px 13px; overflow:hidden;} .more, .storyDesc{ font-family:Arial, Helvetica, sans-serif;} .storyDesc{ padding:0 10px; line-height:normal; height:45px; overflow:hidden;} .more{ padding:12px 15px 25px 0; text-align:right;} .more a{ background:url(~/media/Images/S/Sjp-Academy/Images/css/breadcrumb-arrow-dark-blue.gif) right 5px no-repeat; color:#001938; padding-right:8px;} #my-story .more a:hover {text-decoration:underline;} .storyVideoContainer{ background:url(~/media/Images/S/Sjp-Academy/Images/css/video-top-bg.gif) top left no-repeat; width:528px; float:left;} .storyVideoContainerBtm{ background:url(~/media/Images/S/Sjp-Academy/Images/css/video-btm-bg.gif) bottom left no-repeat; width:511px; padding:8px 8px 9px 9px; overflow:hidden; /*height:286px;*/height:276px;} .videoItem{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em;} .videoItemDesc{ padding:2px 10px 0 8px; float:left;} .videoItemDesc p{ padding-bottom:8px;} /* Thumb Slider */ .thumbCont{ float:left; background:url(~/media/Images/S/Sjp-Academy/Images/css/story-border-bg.gif) top left repeat-x; padding:7px 0 8px; width:100%;margin-top:7px} .thumbCont ul{ float:left; /*height:96px;*/ overflow:hidden; padding-left:26px;} .thumbCont li{ float:left; width:138px; height:77px; background:url(~/media/Images/S/Sjp-Academy/Images/css/story-thumb-bg.gif) top left no-repeat; padding:10px 8px 9px 10px; margin-right:4px;} /*.jcarousel-skin-tango .jcarousel-container{background:#F0F6F9;}*/ .jcarousel-skin-tango .jcarousel-container-horizontal{width:504px; padding-left:26px;} .jcarousel-skin-tango .jcarousel-container-vertical{width:75px;height:245px;padding:40px 20px;} .jcarousel-skin-tango .jcarousel-clip-horizontal{width:476px;height:96px;} .jcarousel-skin-tango .jcarousel-clip-vertical{width:75px;height:245px;} .jcarousel-skin-tango .jcarousel-item{width:138px; height:77px; background:url(~/media/Images/S/Sjp-Academy/Images/css/story-thumb-bg.gif) top left no-repeat; padding:10px 8px 9px 10px;} .jcarousel-skin-tango .jcarousel-item-horizontal{margin-right:4px;} .jcarousel-skin-tango .jcarousel-item-vertical{margin-bottom:10px;} .jcarousel-skin-tango .jcarousel-item-placeholder{background:#fff;color:#000;} .jcarousel-skin-tango .jcarousel-next-horizontal{ position:absolute; top:43px; right:0; width:20px; height:21px; cursor:pointer; background:url(~/media/Images/S/Sjp-Academy/Images/css/arrows.gif) -20px 0 no-repeat;} .jcarousel-skin-tango .jcarousel-prev-horizontal{ position:absolute; top:43px; left:0; width:20px; height:21px; cursor:pointer; background:url(~/media/Images/S/Sjp-Academy/Images/css/arrows.gif) top left no-repeat;} /*.jcarousel-item-12, .jcarousel-item-13, .jcarousel-item-14 {display:none}*/ #all-videos .jcarousel-item-12, .jcarousel-item-13, .jcarousel-item-14 {display:block !important;} #ShareItContainer #ShareItFloatDiv a img.EmailToFriendIcon {padding-right:0px} .SkipContent{ display:none;} /* SS */ #NavigationPointErrorContainer{ display:none;} /* FAQ*/ #faqContainer {border-bottom:1px solid #b4b7bc; clear:both; width:100%;} #faqContainer .faqQuestion {border-top:1px solid #b4b7bc; color:#0f4078; padding:5px 10px; font-weight:bold; } #faqContainer .faqAnswer{border-top:1px solid #b4b7bc; padding:10px 10px 0 10px;} #faqContainer .faqAnswer p{width:500px; margin-right:5px} #faqContainer .faq_1_close {color:#0f4078; font-weight:bold; margin-bottom:3px; margin-top:10px; padding-right:8px; text-align:right; float:right} #faqContainer .faq_1_first {display:block} .showDown {background:url(~/media/Images/S/Sjp-Academy/Images/css/down-arrow.gif) no-repeat right 9px;} .showUp {background:url(~/media/Images/S/Sjp-Academy/Images/css/up-arrow.gif) no-repeat right 9px;} /*------------------Enquiry Form------------------*/ .enquiryformContainer, #enquiryformSuccessContainer,#applyformContainer, #applyformSuccessContainer {padding:10px 15px 10px 0; width:93%;} .enquiryformContainer div ,#applyformContainer div{margin:0 0 15px; line-height:30px} .enquiryformContainer span,#applyformContainer span {float:left; clear:left; width:150px;} #applyformContainer span{width:189px;} .enquiryformContainer span span,#applyformContainer span span{float:left; width:auto; clear:none;} span.required, span.rad-highlight{color:red;} .belowtext{padding-top:10px; clear:both;} .abovetext p{padding:0; clear:both;} .enquiryformbusiness-contact-detailsLabelContainer, .enquiryformTitleContainer, .enquiryformenquiry-detailsLabelContainer {clear:both; font-weight:bold; padding-top:20px; width:99%} .enquiryformdifferentLabelContainer {clear:both; padding-bottom:20px; width:99%;} select, input {width:298px; height:25px; border:1px solid #bdbdbd} .enquiryformaddressTxtbox-12Textbox, .enquiryformaddressTxtbox-22Textbox {margin-left:200px} input#submit, input#reset {width:50px} .enquiryformResetButtonContainer {float:left; width:100px;} .enquiryformSubmitButton,#applyformSubmitButton { float: right; height: 25px; width:65px; clear:both;cursor:pointer;margin-right: 42px; } #applyformSubmitButton {margin-right:4px;} #enquiryformReceiveInformationLabel {width:235px; line-height:18px} span.enquiryformReceive-Information-CBoxCheckbox {width:30px;float:none; height:16px;border:none} #enquiryformReceive-Information-CBoxCheckbox {width:30px;float:none;height:16px; border:none} #enquiryformReceive-Information-CBoxCheckboxContainer{float:left;} #applyformContainer .applyformtitleLabelContainer {line-height:23px} #applyformContainer input[type=text], #enquiryformContainer input[type=text] {line-height:23px} #enquiryformContactedAlreadyLabel {line-height: 22px;padding-top: 14px;width: 90%;} #applyformnotesLabelContainer {width:100%} #applyformContainer span#applyformnotesLabel, #enquiryformContainer span#enquiryformnotesLabel {width:100%} #applyformContainer span#applyformnotesLabel span, #enquiryformContainer span#enquiryformnotesLabel span {float:none} #applyformContainer span.applyformSubmit-Disclaimer-TextLabel {width:488px} /******** apply form **************/ #applyformcontact-method-radioRadioListContainer{float:left;} #applyformcontact-method-radioRadioListContainer label{padding-top:3px;} #applyformacademy-programme-location-radioRadioListContainer{float:left;} #applyformacademy-programme-location-radioRadioListContainer label{padding-top:3px;} #applyformcontact-method-radioRadioListContainer input,#applyformcontact-method-radioRadioListContainer span,#applyformcontact-method-radioRadioListContainer label{ float: left; height: auto; width: auto;} #applyformacademy-programme-location-radioRadioListContainer input,#applyformacademy-programme-location-radioRadioListContainer span,#applyformacademy-programme-location-radioRadioListContainer label{ float: left; height: auto; width: auto;} #applyformcontact-method-radioRadioListContainer .applyformemailRadioList{clear:none;} #applyformacademy-programme-location-radioRadioListContainer .applyformmanchesterRadioList, #applyformacademy-programme-location-radioRadioListContainer .applyformsolihullRadioList, #applyformacademy-programme-location-radioRadioListContainer .applyformlondonRadioList {clear:none;} .instruction{font-size: 0.7em; padding-bottom: 15px; padding-top: 5px;line-height:15px} #applyformtelephoneRadioList,#applyformemailRadioList{border:none !important;} #applyformmanchesterRadioList,#applyformlondonRadioList {border:none !important;} #applyformupload-cv-boxFileError{color:red; width:100% !important;} input#applyformtelephoneRadioList, input#applyformemailRadioList {margin-top:10px} input#applyformlondonRadioList, input#applyformmanchesterRadioList, input#applyformedinburghRadioList {margin-top:10px} input#applyformlondonRadioList, input#applyformsolihullRadioList {margin-top:10px} span#applyformfooternotesLabel {width:490px; line-height:18px; padding-bottom:10px; margin-top:10px;} /*________________small font class________________*/ #about-us p.smallFonts{font-size:0.7em;} /*.contentArea div.blogtab p{padding:0px;}*/ .blogBox {padding-bottom: 25px;float: left;} .blogBoxImage {float: left; margin-right: 10px; width: 100px;} .blogBoxData {width: 420px;float: right; } .shortDesc p, .by p { display: inline; padding-right :5px !important; } .by { float: right; } .blogtab{float:left;} .blogtab img{margin: 0 0 5px 5px;} .ip3-blog h1 { font-size: 2.5em; background: url("~/media/Images/S/sjp-group/css/dotted-blue-custom-border.gif") repeat-x scroll left bottom transparent; line-height: 1.2em; margin-bottom: 10px; padding: 5px 0 17px; font-weight: normal; } .contentArea div.blogtab p.blog_date{ color: #786F64;padding: 0;} .contentArea div.blogtab h2{margin:5px 0px 5px 0px;font-size: 2.4em; color: #333333;font-family: 'Perpetua'; font-weight: normal; } /* home blog*/ div.content-box3-inner1{ float: left; padding: 14px 0px 0px 20px; width: 305px; } div.content-box3-inner1 img{padding-bottom:5px;} #Homepage #content div.content-box3-inner1 p{padding-bottom:5px;} .content-box3-inner1-top-left{ float: left;} .content-box3-inner1-top-right{ float: left;margin: 30px 0 0 20px;} .content-box3-inner1-bottom{ clear:both;width:290px;} /*----------------------My Story--------------------------------------*/ #mystory{float:left; margin-bottom: 20px;} #mystory p{font-size: 0.8em;line-height: 15px;} #mystory span{font-size: 0.9em;} #mystory a{ text-decoration: underline;} .contentArea #mystory p{ padding-bottom: 10px;} #mystory-left{ float:left;width:324px;padding:10px 15px 10px 15px;margin-right:15px; /*min-height: 368px;*/ min-height: 290px; background: url("~/media/Images/S/Sjp-Academy/Images/css/mystory-bg.png") no-repeat scroll top left transparent; } #mystory-right{float:left;width:320px;padding:10px 15px 10px 15px; /*min-height: 368px;*/ min-height: 290px; background: url("~/media/Images/S/Sjp-Academy/Images/css/mystory-bg.png") no-repeat scroll top left transparent; } .mystory-title{padding-bottom:14px;} .mystory-title h2{font-family: 'Perpetua'; font-size: 1.5em; color: #001838;} #mystory-left-name{padding-top:6px;} #mystory-left-short-des, #mystory-right-des{ padding: 5px;} #mystory-left-link{float:right;} #mystory-left-name p{ padding-left: 6px;} #mystory-right-link{float:right;} /*#mystory-right-image{float:right;}*/ #content-title h3{font-family: 'Perpetua'; font-size: 1.5em;padding-bottom: 13px; color: #001838;} #right-bottom-signpost { width:170px; padding:8px 10px 12px 10px; background: #3F5469; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3F5469), to(#526e83)); background: -webkit-linear-gradient(#3F5469, #526e83); background: -moz-linear-gradient(#3F5469, #526e83); background: -ms-linear-gradient(#3F5469, #526e83); background: -o-linear-gradient(#3F5469, #526e83); background: linear-gradient(#3F5469, #526e83); -pie-background: linear-gradient(#3F5469, #526e83); behavior: url(~/media/Files/S/Sjp-Academy/htc/PIE.htc); } #right-bottom-signpost h2{font-family: 'Perpetua'; font-size: 2.1em;color:#ffffff; padding-bottom: 5px;border-bottom: 2px solid #FFFFFF;} ul#right-bottom-link li{padding:10px 0px;border-bottom: 1px solid #FFFFFF;} ul#right-bottom-link li a{font-size:1.3em;color:#ffffff;background: url("~/media/Images/S/Sjp-Academy/Images/css/arrow3.png") no-repeat scroll right 5px transparent; padding-right:9px;} ul#right-bottom-link li.last-link{border:0 none;} .contentArea h3 {font-family: 'Perpetua'; font-size: 1.615em; font-weight: normal;padding-bottom: 5px;} div.content-box3-inner1 img {float: left;} /* partner page */ ul#portfolio { float: right; list-style-image: none; list-style-position: outside; list-style-type: none; margin-left: 0; padding-bottom: 5px; width: 512px; } div#sep {background:url(~/media/Images/S/Sjp-Academy/Images/css/separator.gif) top no-repeat;height:10px;clear:both; display:none;} ul#portfolio li { display: block; float: left; height: 58px; margin-bottom: 6px; margin-left: 0; margin-right: 6px; margin-top: 0; width: 58px; } ul#portfolio a { display: block; width: 56px; } ul#portfolio div.tooltip {display:none;} div.details {display:none; width: 510px; padding:15px; } div.details img {float:left !important; } ul#portfolio li.show-all div.tooltip { background-color: #022249 !important; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size: 0.9em; height: 56px; margin:0; padding:2px 2px 2px 5px; position:relative; width: 58px; z-index:400; text-align:center !important; } ul#portfolio li:hover div { display:block; } .ie7 ul#portfolio li.show-all div.tooltip { border-right:2px solid #022249;} ul#portfolio img {border:2px solid #BFBFBF; display: block;} ul#portfolio img:hover {border:2px solid #022249 ; display: block;} div.details p { float: left; width:510px; } .hovericondiv { height: 0; position:absolute;} .hovericon { left: 0px; position: relative; top: 39px; z-index: 399; } .ie7 .hovericondiv {position:absolute !important;} .ie7 .hovericondiv img {position:absolute !important; left:5px;} .hovericondiv img {border:none !important;} .filter-event,.filter-by-year { font-size:14px;color:#265171; } #events .contentArea .main-event-right p{ line-height: 15px; padding-bottom: 11px;} .contentArea p.event-title{ color: #265171!important; font-size: 16px!important;line-height: 19px !important;} .contentArea p.event-date{color: #260000!important;} #events .contentArea .main-event-right p.event-detail{} #events .contentArea .main-event-right p.event-detail a{color: #260000;background: url("~/media/Images/S/Sjp-Academy/Images/css/event-arrow.png") no-repeat scroll right 6px transparent;padding-right: 10px;} table.upcoming-table tr td p{padding-bottom: 0; color: #260000;line-height: 16px;font-size: 13px;} table.upcoming-table tr td p.event-title{padding-bottom: 15px;} table.upcoming-table tr td p.event-date{padding-bottom: 15px;} textarea#applyformcommentsAreaTextarea{ border: 1px solid #BDBDBD;width: 420px;} #introduction-sjp #eventgallery{ display:none; } #events .contentArea p img{float: right;} #events .contentArea p{font-size: 13px;} .ip3-events .contentArea p{font-size: 13px;} #events .contentArea p.filter-event{ line-height: 15px; margin-top: 4px;} #events .contentArea p.filter-by-year{ line-height: 15px; margin-top: 4px;} .contentArea h2 {color: #333333; font-size: 2em; line-height: 1.3em; margin-bottom: 10px; font-weight: normal; font-family: 'Perpetua';} #our-awards .contentArea ul li {/*background: url("~/media/Images/S/sjp-group/css/breadcrumb-arrow.png") no-repeat scroll left 3px rgba(0, 0, 0, 0);*/ background: url("~/media/Images/S/Sjp-Academy/Images/css/breadcrumb-arrow-new.png") no-repeat scroll left 3px rgba(0, 0, 0, 0); padding-left: 10px; list-style: none outside none; padding-bottom: 2px; font-size: 0.9em;} #our-awards .contentArea ul{ padding: 0 0 10px; margin: 0 0 5px 5px;} span#applyformcaptchalabelLabel, span#applyformwhere-did-you-hear-labelLabel{line-height: 18px;} #applyformCaptcha-CodeCaptchaContainer, #applyformCaptcha-CodeCaptchaCodeContainer{float: left;} #applyformCaptcha-CodeCaptchaContainer{color: #FF0000} #applyformCaptcha-CodeCaptchaCodeContainer{margin-bottom: 0px !important;} .applyformCaptcha-CodeCaptchaCode img{float:left !important;} .upcoming-event-form span#applyformCaptcha-CodeCaptchaCodeError{width: 187px !important;} .upcoming-event-form .upcomingeventformCaptcha-CodeCaptchaCode{margin-bottom:0px !important;} #my-story .contentArea h2 { font-size: 1.5em !important; margin-bottom: 0px !important; } #my-story .mystory-title { padding-bottom: 0px !important; } /* NS WO 157841 6-12-2013 start */ body.ip3-partner-profiles .content-center .contentArea img { float:left; } /* NS WO 157841 6-12-2013 end */ #applyformacademy-programme-location-finalvalTextbox { display:none; } /* NS WO 165358 3-apr-2014 start */ #all-videos ul#mycarousel li { list-style:none; } /* NS WO 165358 3-apr-2014 end */ #applyformblankLabel span.required { float:right; } body.ie7 #right-event { width: 160px !important; } .result-count{ display:none;} /*Contact us form*/ #applyformSubmitButtonContainer{float: right; right: 0; position: relative; background: url(/~/media/Images/S/Sjp-Academy/Images/css/submit-btn-bg.jpg) no-repeat right top;} #applyformSubmitButton {margin-right: 4px; border: 0 none; background: 0 none; color: #fff;padding: 5px 15px 5px 10px; font-size: 0.9em;} body.firefox37 #applyformSubmitButton {padding-top: 3px;} #Homepage .boxContentRight ul {list-style: outside none disc; padding-top: 10px; padding-bottom:10px;} #Homepage .boxContentRight ul li{color: #333333; font-family: Arial,Helvetica,sans-serif; padding-bottom: 10px;list-style-type:disc;}