/* -------------------------------------------------------------------------------------- + + SATURIZED - The Interactive Agency + + = IDI + -------------------------------------------------------------------------------------- */ /*/* -------------------------------------------------------------------------------------- + + SATURIZED - The Interactive Agency + + = IDI + -------------------------------------------------------------------------------------- */ /* = IMPORTING STUFF AND SETTING DEFAULT STYLES -------------------------------------------------------------------------------------- */ @import url("reset.css"); /* = MAIN ELEMENTS ---------------- */ body{ background: url('../images/background.png') 0px 120px repeat-x;} body.home, body.printPage{ background: #fff; } #wrapper{ width: 980px; margin: 0 auto; } #content{} /* = HEADER ---------------- */ #header{ position: relative; height: 120px; display: block; z-index:5;} #header h1 a{ display: block; text-indent: -9999px; background: url('../images/logo.png') no-repeat; width: 192px; height: 61px; margin-top: 28px; position: absolute;} #header ul{ position: absolute;} #header > ul li, #header > ul li a, #header > ul li span#salutation{ float: left; display: block;} #header > ul li span#salutation{ float: left; display: block; margin-right: 6px; } #header > ul li span#yourcart { float:left; display:block; margin-right:6px; } ul#topBar, ul#navigation{ right: 0;} ul#topBar{ top: 36px;} ul#topBar li{ margin-left: 26px; color: #5f6a72; text-decoration: none; line-height: 27px;} ul#topBar li a{ color: #5f6a72; text-decoration: none; line-height: 27px;} ul#topBar li a:hover{ color: #e44e35;} ul#topBar form, ul.sideSearch li form{ background: url('../images/search.png') no-repeat; display: block; height: 25px; width: 143px;} ul.sideSearch li form { width:135px; margin:0 0 10px 18px; background: url('../images/search-side.png') no-repeat;} ul#topBar form input, ul.sideSearch li form input{ border: none; background: transparent; width: 113px; font-size: 12px; line-height: 12px; height: 12px; margin: 6px 0 0 10px; color: #8c8c8c; padding: 0;} ul.sideSearch li form input {width:100px;} ul#navigation{ top: 70px; } ul#navigation li {position:relative;} ul#navigation > li{ height: 35px;} ul#navigation li a{ color: #e44e35; text-decoration: none; font-weight: bold; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-left: 2px; font-size: 14px; padding: 0 8px 0 0; position: relative; z-index: 999; } ul#navigation li a span{ line-height: 36px; padding: 0 4px 0 12px; display: block;} ul#navigation li:hover a, ul#navigation li a:hover{ background: #fdfdfd url('../images/navigation-hover-right.png') top right no-repeat !important;} ul#navigation li:hover a span, ul#navigation li a:hover span{ background: #fdfdfd url('../images/navigation-hover-left.png') top left no-repeat !important; color: #e44e35 !important;} ul#navigation li.current{ background: url('../images/navigation-current-arrow.gif') bottom center no-repeat;} ul#navigation li.current a, ul#navigation li.current a{ background: url('../images/navigation-current-right.png') center right no-repeat;} ul#navigation li.current a span, ul#navigation li.current a span{ background: url('../images/navigation-current-left.png') center left no-repeat; color: #fff;} ul#navigation li.solo:hover a, ul#navigation li.solo a:hover{ background: url('../images/navigation-solo-hover-right.png') top right no-repeat !important;} ul#navigation li.solo:hover a span, ul#navigation li.solo a:hover span{ background: url('../images/navigation-solo-hover-left.png') top left no-repeat !important;} ul#navigation li ul{ display: none;} ul#navigation li:hover ul{ top: 35px; z-index: -1; position: absolute; background: url('../images/navigation-dropdown-bg.png') bottom left no-repeat; width: 213px; display: block; margin-left: 2px; padding: 0 0 13px 0; left: 0;} ul#navigation li ul.inv{ right: 0 !important; left: auto !important;} ul#navigation li ul li, ul#navigation li ul li a{ display: block; clear: both; float: none !important; font-family: Helvetica, Arial, sans-serif !important; font-weight: bold;} ul#navigation li ul li:first-child{ background: url('../images/navigation-dropdown-top.png') top left no-repeat; padding-top: 13px;} ul#navigation li ul.inv li:first-child{ background: url('../images/navigation-dropdown-top-last.png') top left no-repeat;} ul#navigation li ul li{ padding: 0 11px;} ul#navigation li ul li a{ padding: 0; border-bottom: 1px solid #e1e1e1; line-height: 29px; color: #5f6a72 !important; display: block; font-size: 12px;} ul#navigation li ul li.last a, ul#navigation li ul li:last-child a{ border-bottom: 0;} ul#navigation li ul li a:hover{ color: #e44e35 !important;} ul#navigation li ul li a:hover, ul#navigation li:hover ul li a{ background: none !important;} /* = FOOTER ---------------- */ #footer{ border-top: 1px solid #e5e5e5; position: relative; display: block; padding: 18px 0 0 0; font-size:11px; color: #7f7f7f; height: 52px; margin-top: 114px; clear:both;} #footer ul{overflow:visible;} #footer ul li{ float: left; display: block;} #footer ul li a{ color: #7f7f7f; text-decoration: none;} ul#footerNav{ position: absolute; left: 0; top: 23px;} ul#footerNav li, ul#footerNav li a{ display: block; float: left;} ul#footerNav li a{ margin-right: 15px;} ul#footerNav li a:hover{ color: #e44e35;} ul#footerNav li.newsletter a{ padding: 0 0 0 24px; margin-right: 15px; color: #e44e35; background:url("../images/read-more.png") no-repeat scroll 0 -2px transparent;} ul#footerNav li.newsletter a:hover{ background-position: 0 -23px;} #footer form{ position: absolute; left: 455px; top: 22.5px;} #footer form{color: #7f7f7f !important;} #footer form select{ margin-left: 10px;} ul#findUs{ position: absolute; right: 0;} ul#findUs li, ul#findUs li a{ float: left; display: block;} a.fb, a.linkedin,a.twit{ display:block; width: 75px; height: 31px; text-indent: -9999px; margin-left: 15px;} a.fb, a.linkedin, a.twit{ background: url('../images/socialmedia.png') no-repeat; } a.fb {background-position: -86px 0;} a.fb:hover {background-position: -86px -31px;} a.linkedin {background-position: -177px 0;} a.linkedin:hover {background-position: -177px -31px;} a.twit{background-position: 0 0;} a.twit:hover{background-position: 0 -31px;} /* = CONTENT ---------------- */ /* Custom titles ----------------*/ h2.success-stories{ text-indent: -9999px; display: block; background: url('../images/title-success-stories.png') top right no-repeat; width: 243px; height: 89px;} h2.browse-questions{ text-indent: -9999px; display: block; background: url('../images/title-browse-questions.png') top right no-repeat; width: 263px; height: 28px; margin: 60px 0 30px;} h2.education-plan{ text-indent: -9999px; display: block; background: url('../images/title-education-plan.png') top right no-repeat; width: 209px; height: 27px; margin: 0 0 20px 0;} h2.articles{ text-indent: -9999px; display: block; background: url('../images/title-articles.png') top right no-repeat; width: 134px; height: 36px;} h2.videos{ text-indent: -9999px; display: block; background: url('../images/title-videos.png') top right no-repeat; width: 243px; height: 36px;} h2.browse-articles{ text-indent: -9999px; display: block; background: url('../images/title-browse-articles.png') top right no-repeat; width: 219px; height: 27px; margin: 60px 0 30px;} h2.browse-videos{ text-indent: -9999px; display: block; background: url('../images/title-browse-videos.png') top right no-repeat; width: 219px; height: 27px; margin: 60px 0 30px;} h2.glossary{ text-indent: -9999px; display: block; background: url('../images/title-glossary.png') top right no-repeat; width: 165px; height: 45px; margin:27px 0 17px 0 !important;} h2.browse-terms{ text-indent: -9999px; display: block; background: url('../images/title-browse-terms.png') top right no-repeat; width: 208px; height: 27px; margin: 60px 0 30px;} h2.career-mapping{ text-indent: -9999px; display: block; background: url('../images/title-career-mapping.png') top right no-repeat; width: 137px; height: 82px; margin:10px 0 15px 0;} h2.our-classes{ text-indent: -9999px; display: block; background: url('../images/title-our-classes.png') top left no-repeat; width: 243px; height: 36px;} h2.features{ text-indent: -9999px; display: block; background: url('../images/title-features.png') top right no-repeat; width: 243px; height: 36px;} h2.contact-us{ text-indent: -9999px; display: block; background: url('../images/title-contact-us.png') top left no-repeat; width: 243px; height: 36px;} h2.idi-for-undergrads{ text-indent: -9999px; display: block; background: url('../images/title-idi-for-undergrads.png') top left no-repeat; width: 223px; height: 96px; margin:27px 0 5px 0 !important;} h2.mission-and-history{ text-indent: -9999px; display: block; background: url('../images/title-mission-and-history.png') top left no-repeat; width: 182px; height: 96px; margin:27px 0 5px 0 !important;} h2.industry-experts{ text-indent: -9999px; display: block; background: url('../images/title-industry-experts.png') top left no-repeat; width: 145px; height: 96px; margin:27px 0 5px 0 !important;} h2.diploma-levels{ text-indent: -9999px; display: block; background: url('../images/title-certificates.png') top left no-repeat; width: 206px; height: 38px; margin:27px 0 22px 0 !important;} h2.research-and-development{ text-indent: -9999px; display: block; background: url('../images/title-research-and-development.png') top left no-repeat; width: 250px; height: 96px; margin:27px 0 5px 0 !important;} h2.our-leaders{ text-indent: -9999px; display: block; background: url('../images/title-our-leaders.png') top left no-repeat; width: 238px; height: 45px; margin:27px 0 17px 0 !important;} h2.my-saved-items{ text-indent: -9999px; display: block; background: url('../images/title-my-saved-items.png') top right no-repeat; width: 229px; height: 34px;} h2.class-history{ text-indent: -9999px; display: block; background: url('../images/title-class-history.png') top right no-repeat; width: 186px; height: 34px;} h2.quiz{ text-indent: -9999px; display: block; background: url('../images/title-quiz.png') top right no-repeat; width: 70px; height: 31px; margin:10px 0 15px 0;} h2.login-register{ text-indent: -9999px; display: block; background: url('../images/title-login-register.png') top right no-repeat; width: 204px; height: 33px; margin:0 0 25px 0;} h2.register{ text-indent: -9999px; display: block; background: url('../images/title-register.png') top right no-repeat; width: 116px; height: 33px; margin:0 0 25px 0;} h2.profile{ text-indent: -9999px; display: block; background: url('../images/title-profile.png') top right no-repeat; width: 81px; height: 27px; margin:0 0 25px 0;} h2.job-board{ text-indent: -9999px; display: block; background: url('../images/title-job-board.png') top right no-repeat; width: 149px; height: 27px; margin:0 0 25px 0;} h2.news{ text-indent: -9999px; display: block; background: url('../images/title-news.png') top right no-repeat; width: 89px; height: 30px; margin:0 0 25px 0;} h2.idi-for-undergrads{ text-indent: -9999px; display: block; background: url('../images/title-idi-for-undergrads.png') top left no-repeat; width: 223px; height: 96px; margin:27px 0 5px 0 !important;} h2.industry-experts{ text-indent: -9999px; display: block; background: url('../images/title-industry-experts.png') top left no-repeat; width: 145px; height: 96px; margin:27px 0 5px 0 !important;} h2.resources{ text-indent: -9999px; display: block; background: url('../images/title-resources.png') top left no-repeat; width: 204px; height: 36px; margin:27px 0 17px 0 !important;} h2.scholarships{ text-indent: -9999px; display: block; background: url('../images/title-scholarships.png') top left no-repeat; width: 243px; height: 45px; margin:27px 0 10px 0 !important;} h2.my-education{ text-indent: -9999px; display: block; background: url('../images/title-my-education.png') top right no-repeat; width: 191px; height: 33px; margin:0 0 25px 0;} h2.browse-stories{ text-indent: -9999px; display: block; background: url('../images/title-browse-stories.png') top right no-repeat; width: 205px; height: 27px; margin: 60px 0 30px;} h2.email-us{ text-indent: -9999px; display: block; background: url('../images/title-email-us.png') top left no-repeat; width: 164px; height: 38px;} h2.request-more-info{ text-indent: -9999px; display: block; background: url('../images/title-request-more-info.png') top left no-repeat; width: 490px; height: 45px;} h2.press-media{ text-indent: -9999px; display: block; background: url('../images/title-press-media.png') top left no-repeat; width: 405px; height: 45px;} h2.site-map{ text-indent: -9999px; display: block; background: url('../images/title-site-map.jpg') top left no-repeat; width: 142px; height: 38px;} /* General Content styles ----------------*/ cite a {color:#e55137; text-decoration:none;} cite a:hover {text-decoration:underline;} /* #main hr {display:block; height:1px; line-height:1px; border:0; clear:both; background:#e5e5e5; visibility:visible; margin:45px 0;}*/ /* Masks for 243x180 images */ a.roundedThumb, span.roundedThumb {display:block; position:relative; width:243px; height:180px;} a.roundedThumb img, span.roundedThumb img {position:relative; z-index:1;} a.roundedThumb span, span.roundedThumb small { position:absolute; left:0; top:0; width:243px; height:180px; background:url('../images/slider-mask.png') 0 0 no-repeat; z-index:2;} .saved-items ul li a.roundedThumb {margin-bottom:20px;} #article span.right {margin:15px 0 20px 20px;} #article span.left {margin:15px 20px 20px 0;} ul.imageList {overflow:hidden; padding:20px 0 10px 0;} ul.imageList li {float:left; width:255px;} ul.imageList li.last span, ul.imageList li:last-child span {float:right;} /* Homepage slider ----------------*/ #slider{ position: relative; display: block; z-index:2;} #slider ul{ } #slider > ul > li{ display: block; position: relative; width: 980px; height: 414px; } #slider > ul > li *{ z-index:5;} #slider > ul > li > img{ position: absolute; z-index: -1;} #slider > ul > li.second h2{ color: #fff; font-size: 34px; text-align: center; display: block; width: 980px; margin-top: 170px;} #slider > ul > li.second a.quiz{ width: 129px; height:30px; text-indent: -9999px; background: url('../images/button-take-quiz.png') no-repeat; margin: 0 auto; display: block;} #slider > ul > li.second a.quiz:hover{ background-position: bottom left;} #slider > ul > li.third a.play span.button{ left: 420px; margin: -38px 0 0 19px !important; top: 207px;} #slider > ul > li.fourth{ background: url('../../pictures/story-behind.jpg');} #slider > ul > li.fourth a.play{ position: absolute; top: 67px; left: 373px;} #slider > ul > li.fourth a.play span.button{ left: 201px; top: 141px; margin: -38px 0 0 0 !important;} #pager{ text-align: center; margin-top: 18px;} #pager a{ display: inline-block; background: url('../images/slider-pager.png') no-repeat; text-indent: -9999px; width: 8px; height: 8px; margin: 0 5px;} #pager a.activeSlide{ background-position: bottom left;} a#prev, a#next{ position: absolute; top: 180px; background: url('../images/slider-arrows.gif') no-repeat; width: 50px; height: 51px; display: block; z-index: 101; text-indent: -9999px;} a#prev{ background-position: top left; left: 20px;} a#next{ background-position: bottom right; right: 20px;} /* Homepage 3 modules ----------------*/ ul#cols-3{ margin-top: 35px;} ul#cols-3 > li{ margin: 14px; float:left; display: block; width: 308px; position: relative;} ul#cols-3 li.first, ul#cols-3 li:first-child{ margin-left: 0;} ul#cols-3 li.last, ul#cols-3 li:last-child{ margin-right: 0;} ul#cols-3 li h2{ color: #e44e35; font-size: 17px; line-height: 17px; font-weight: bold;} #followTabs div, ul#cols-3 li blockquote{ background: #f4f3eb; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 0; position: relative;} ul#cols-3 li blockquote p{ font-size: 11px; font-weight: bold; font-style: normal; color: #5f6a72; padding: 20px 15px 0 26px; margin: 0 0 10px 0; width: 113px; float: right; line-height: 18px; background: url('../images/quote-open.png') 13px 24px no-repeat; display: inline-block;} ul#cols-3 li blockquote p span.quoteClose{ background: url('../images/quote-close.png') no-repeat; width: 9px; height: 8px; display: inline-block; margin-left: 5px;} ul#cols-3 > li blockquote h4{ margin: 0; font-size: 11px; color: #e55137; float: right; width: 130px; padding: 0 0 0 24px; font-style: normal; font-weight: bold; line-height: 18px;} ul#cols-3 > li blockquote h4 a {color:#e55137; text-decoration:none;} ul#cols-3 > li blockquote h4 a:hover {text-decoration:underline;} ul#cols-3 > li .rounded{ border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; float: left;} ul#cols-3 li blockquote div.nav, #ask div.nav{ position: absolute; top: 0; right: 0; width: 130px;} ul#cols-3 li blockquote div.nav{ top: -34px;} div.nav{ height: 17px;} div.nav *{ font-style: normal !important;} div.nav img{ position: absolute; right: 23px; top: 0;} a.scrollbtn{ position: absolute; top: 0; background: url('../images/testimonial-arrows.png') no-repeat; text-indent: -9999px; display: block; width: 17px; height: 17px;} a.prev{ right: 30px; background-position: top left;} a.prev:hover{ background-position: bottom left;} a.next{ right: 0px; background-position: top right;} a.next:hover{ background-position: bottom right;} a.all{ position: absolute; top: 0; right: 60px; font-weight: bold; font-size: 11px; text-decoration: none; color: #e44e35;} a.all:hover{ text-decoration: underline;} ul#cols-3 li p{ color: #5e6a72; margin: 2px 0 0 0; line-height: 18px;} a.more{ display: inline-block; background: url('../images/read-more.png') top left no-repeat; line-height: 23px; font-weight: bold; font-size: 11px; text-decoration: none; padding-left: 21px; color: #e44e35; position: relative; height: 21px;} a.more:hover{ background-position: bottom left; text-decoration: underline;} a.viewAll{ display: inline-block; background: url('../images/view-all.png') top left no-repeat; line-height: 23px; font-weight: bold; font-size: 11px; text-decoration: none; padding-left: 21px; color: #e44e35; position: relative; height: 21px;} a.viewAll:hover{ background-position: bottom left; text-decoration: underline;} ul#cols-3 li a.more{ left: -5px;} a.viewLess{ display: inline-block; background: url('../images/view-less.png') top left no-repeat; line-height: 23px; font-weight: bold; font-size: 11px; text-decoration: none; padding-left: 21px; color: #e44e35; position: relative; height: 21px;} a.viewLess:hover{ background-position: bottom left; text-decoration: underline;} .rounded{ display: block; position: relative;} .rounded img{ opacity: 0;} #followTabs div{ padding: 20px;} #followTabs div.nav{ position: relative; display: block;} #followTabs > ul{ position: absolute; top: 0; right: 12px;} #followTabs > ul li{ height: 35px;} #followTabs > ul li, #followTabs > ul li a{ float: left; display: block;} #followTabs > ul li a{ text-indent: -9999px; width: 18px; height: 18px; margin-left: 5px; background: url('../images/tabs-icons.png') no-repeat;} #followTabs > ul li a.twitter{ background-position: top left;} #followTabs > ul li a.linked{ background-position: bottom left;} #followTabs > ul li a.fb{ background-position: 0 -18px;} #followTabs > ul li.ui-tabs-selected{ background: url('../images/tabs-active.png') bottom center no-repeat;} img.network{ margin-bottom: 20px;} #followTabs div ul li img{ float: left; margin-right: 10px;} #followTabs div ul li a{ color: #e44e35; text-decoration: none;} #followTabs div ul li a:hover{ text-decoration: underline;} #followTabs div div.nav{ margin-top: 20px; padding: 0;} /* Sidebar ----------------*/ #sidebar{ width: 171px; float: left;} ul#sideLinks{ display: block; background: url('../images/sidelinks.png') top left no-repeat; margin-bottom: 50px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 10px 0; position: relative; overflow: hidden;} ul#sideLinks li{ display: block; background: url('../images/sidebar-separator.png') bottom center no-repeat; padding-bottom: 2px;} ul#sideLinks li.last, ul#sideLinks li:last-child{ background: none;} ul#sideLinks li a{ display: block; ;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; text-shadow: 1px 1px #752d1f; font-size: 13px; line-height: 15px; line-height: 53px; padding: 0 0 0 18px;} ul#sideLinks li a:hover, ul#sideLinks li.selected a{ background: url('../images/sidebar-hover.gif') 150px 50% no-repeat;} ul#sideLinks li.selected{ background: url('../images/sidebar-selected.png') 50% 0% no-repeat;} ul#sideLinks li.selected a{ text-shadow: 1px 1px #41160f;} ul#sideLinks li.multi a{ line-height: 15px; height: 33px; padding:10px 18px;} #sidebar h2{ color: #e55137; font-size: 17px; margin-left: 15px; margin-bottom: 10px; font-weight: bold;} #sidebar blockquote{ padding: 0; margin: 0;} #sidebar blockquote p{font-size: 14px; font-weight: normal; font-style: normal; color: #5f6a72; padding: 0px 0px 0 15px; line-height: 20px; background: url('../images/quote-open.png') 0 3px no-repeat;} #sidebar blockquote cite{ color: #e55137; font-size: 12px; padding-left: 15px; font-style:normal; display:block; font-weight: bold; line-height: 16px;} #sidebar p{ color: #5f6a72; font-size: 14px;} #sidebar p strong{ display: block;} #sidebar p em{ position: relative; top: 5px;} ul.sideSearch li {background:none !important;} ul.sideSearch li p {padding:15px 18px 12px 18px; font-size:13px !important; font-weight: bold; color:#fff !important; line-height:18px; margin-bottom:0;} /* Wide content ----------------*/ #wideContent { overflow:hidden; position:relative;} /* Library content ----------------*/ #main{ width: 779px; float: right;} #articles .rounded{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; float: left; width: 511px;} #articles div{ float: right; width: 250px;} #videos{ margin-top: 50px;} #videos h3{ font-weight: bold;} #related ul li div, #browseArticles div ul.articleList li, #videos li div, .span-243, .saved-items ul li{ width: 243px; float: left; position: relative;} #videos li div.first, #videos li div:first-child{ margin-right: 25px;} .saved-items ul li {height:275px;} #ask, #videos ul, .span-511, .askExpertContent{ width: 511px; float: left;} .printArticle {width:543px;} #videos ul li, #related ul li{ margin: 2px 0;} #related ul li div a, #videos ul li div a{ position: relative; margin-bottom: 20px; display: block;} #videos div.nav{ position: relative;} .addspace{ margin-right: 25px;} img.addBottomMargin {margin-bottom:40px;} a.addBottomMargin {margin-bottom:20px;} #articles{ color: #5f6a72;} #articles h5{ margin: 30px 0;} #articles .span-243 h3{ margin-bottom: 0;} #articles .span-243 h3 a{ margin-bottom: 0; font-size: 12px; font-weight: bold; font-family: Helvetica, Arial, sans-serif !important;} #articles .span-243 em{ margin-bottom: 20px; display: block;} .pgraphFix .span-243 p {line-height:16px; font-size:12px !important; color:#5f6a72 !important;} #article ul { list-style-type: disc; margin-left: 1em; margin-bottom: 18px; padding-left: 1em; color: #5f6a72 !important; } #article b { color: #5f6a72 !important; } #content h3 a{ font-size: 12px; color: #e44e35; line-height: 18px; text-decoration: none;} #content h3 a:hover{ text-decoration: underline;} #related ul span, #videos ul span, ul.articleList li span, .saved-items ul li span{ color: #5e6a72; font-size: 11px; font-weight: normal; display: block; } .saved-items ul li span, .saved-items ul li h3 a { line-height:16px;} .play, .new{ position: relative; display: block;} .new img{ display: block;} span.ribbon{ display: block; width: 92px; height: 92px; background: url('../images/new-ribbon.png') no-repeat; top: -5px; right: -5px; position: absolute; z-index: 2;} a.play span.button{ display: block; width: 76px; height: 76px; background: url('../images/button-play.png') no-repeat; position: absolute; overflow: auto; padding: 0; left: 50%; top: 50%; margin: -38px 0 0 -38px !important; z-index: 2; cursor: pointer !important;} a.play:hover span.button{ background-position: top right; overflow:visible;} span.holder{ display: block; position: absolute; width: 100%; height: 100%; z-index: 99; cursor: pointer;} /* Print Article */ .printPage #content {padding:20px;} .printPage #content h2 {margin-top:20px;} .printPage #content h4 {padding-bottom:10px; margin-top:0; border-bottom:#e5e5e5 solid 1px;} .printPage #content span.roundedThumb {margin:5px 0 10px 20px;} /* Our Leaders */ .leaders .span-511 h3 {color:#E44E35 !important; font-size:17px !important; line-height:17px !important; margin-bottom:18px !important; font-weight:500 !important;} .leaders .span-511 h3 span { font-size:13px; font-weight:normal; display:block; color:#5f6a72;} /* Industry Experts */ ul.industryExperts {margin-top:50px;} ul.industryExperts li {overflow:hidden; margin-bottom:30px;} ul.industryExperts li .left {margin-right:20px;} ul.industryExperts li h3 {color:#e44e35; margin-bottom:10px;} ul.industryExperts li p {color:#5f6a72; margin-bottom:10px;} ul.industryExperts li a.more {margin-left:-5px;} /* Saved Items */ .saved-items h5 {font-size:17px; color:#5f6a72; line-height:25px; font-weight:normal;} .saved-items h5 a{ color: #e44e35; text-decoration: none;} .saved-items h5 a:hover{ text-decoration: underline;} .saved-items h4 {font-size:26px; color:#e44e35; line-height:80px; margin:20px 0 10px 0; font-weight: normal; } /* Learning Librabry Videos ----------------*/ .videosArticles #articles .span-243 h3 {margin-bottom:18px; line-height:20px;} .videosArticles #articles .span-243 h3 a{font-size:17px; font-weight: bold;} .videosArticles #articles a.play {float:left; width:511px; height:289px;} .videosArticles ul.options {margin-bottom:30px;} .videosArticles #articles .span-243 p {line-height:16px;} .article h3 a{ font-size: 17px !important;} .article h5{ font-weight: bold;} /* Our Leaders */ .leaders .span-511 h3 span { font-size:13px; font-weight:normal; display:block; color:#5f6a72;} /* Saved Items */ .saved-items h5 {font-size:17px; color:#5f6a72; line-height:25px; font-weight:normal;} .saved-items h4 {font-size:26px; color:#e44e35; line-height:80px; font-weight: normal; margin:20px 0 10px 0;} /* Ask an Expert ----------------*/ #ask{ position: relative; margin-top: 45px;} #ask ul{ background: #f4f3eb; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;} #ask ul li { padding: 20px;} #ask ul li blockquote{ padding: 0; color: #5f6a72; font-style: normal; margin: 0 0 15px 0;} #ask ul li strong{ display: block; color: #5f6a72; margin-bottom: 15px;} #ask ul li a.more{ left: -5px;} #ask span.tongue{ display: block; width: 27px; height: 27px; background: url('../images/ask-tongue.gif') no-repeat; margin-left: 22px;} /* Ask an Expert Page ----------------*/ #askExpert {overflow:visible;} .askTopBox {float:left; width:471px; padding:10px 20px; margin-bottom:30px; background: #f4f3eb; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; position: relative;} .askTopBox blockquote{ color: #5f6a72; font-size:17px; line-height:25px; font-style: normal; font-weight: bold; margin: 0 0 10px 0; text-indent:-6px;} .askTopBox strong{ display: block; color: #5f6a72; margin:0 0 15px 20px;} .askExpertContent p {color:#5e6a72;} .askExpertContent p.options {border-bottom:#e5e5e5 solid 1px; padding:20px 0 40px 0; margin-bottom:40px;} .askExpertContent a {color:#e34e35; text-decoration:none;} .askExpertContent a:hover {text-decoration:underline;} .askExpertContent p.suggest {background: url('../images/suggest-box-bgr.jpg') 0 0 no-repeat; border:0; padding:30px; overflow:hidden; margin-top:45px;} .askExpertContent p.suggest a {display:block;} .askExpertContent p.suggest a.btn {float:left; clear:both; margin-top:10px;} /* Browse articles ----------------*/ #browseArticles{} ul#browseNavigation{ margin-bottom: 25px; width:780px;} ul#browseNavigation li{ border-left: 1px solid #fff; background: url('../images/tabs-separator.gif') 100% 6px no-repeat;} ul#browseNavigation li.last, ul#browseNavigation li:last-child{ border: none; background: none; } ul#browseNavigation li.noBorder{background: none !important;} ul#browseNavigation li, ul#browseNavigation li span, ul#browseNavigation li a{ display: block; float: left;} ul#browseNavigation li { width: 129px; } .askArticles ul#browseNavigation li, .videosArticles ul#browseNavigation li, .storiesArticles ul#browseNavigation li { width: 155px; } ul#browseNavigation li a, ul#browseNavigation li span{ text-align: center; color: #5f6a72; font-size: 13px; font-weight: bold; text-decoration: none; font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; height: 39px; padding: 6px 0 6px 0; position: relative; line-height: 17px;} ul#browseNavigation.items-5 li a{ width: 70px; margin-left: 42px; } .askArticles ul#browseNavigation.items-5 li:nth-child(3) a{ width: 110px; margin-left: 22px; } ul#browseNavigation.items-7 li a{ width: 70px; margin-left: 30px;} ul#browseNavigation.items-26 li{ background: url('../images/tabs-separator-small.gif') 100% 6px no-repeat; color: #cfd2d4; width: 29px; } ul#browseNavigation li span{color: #cfd2d4;} ul#browseNavigation.items-26 li a, ul#browseNavigation.items-26 li span{ width: 29px; text-transform: uppercase; height: 34px; line-height: 18px;} ul#browseNavigation li a.single{ line-height: 32px;} ul#browseNavigation li a:hover{ color: #e44e35;} ul#browseNavigation.items-5 li.selected { background: url('../images/browse-articles-selected-5.png') no-repeat; color: #fff;} ul#browseNavigation.items-7 li.selected { background: url('../images/browse-articles-selected-7-wide.png') no-repeat; color: #fff;} ul#browseNavigation.items-26 li.selected { background: url('../images/browse-articles-selected-26.png') no-repeat; color: #fff;} ul#browseNavigation.items-5 li.selected a { color: #fff; } ul#browseNavigation.items-7 li.selected a { color: #fff; } ul#browseNavigation.items-26 li.selected a { color: #fff; } #related ul li div, #browseArticles div ul.articleList li, .saved-items ul li{ margin-right: 25px;} #related ul li div.nospace, #browseArticles div ul.articleList li.nospace, #related ul li div:nth-child(3n), #browseArticles div ul.articleList li:nth-child(3n), .saved-items ul li:nth-child(3n), .saved-items ul li.nospace { margin: 0 !important;} ul.articleList li a{ display: block; margin-bottom: 15px;} ul.articleList li a img{ margin-bottom: 5px;} #related a.more{ float: left; clear: both;} .articleList h3 a { font-weight: bold;} /* Library glossary ----------------*/ #libraryGlossary dl{ color: #5f6a72; font-size: 13px; margin: 30px 0 0 0; } #libraryGlossary dl dt{ font-weight: bold;} #libraryGlossary dl dd{ margin-bottom: 20px;} /* Classes ----------------*/ #classes h3 a{ font-weight: bold;} .featured ul li div h3, .featured ul li div h3 a {margin-bottom:0 !important;} .featured ul li div p {color:#5e6a72; font-size:11px;} .featured .span-243 h2 {margin-top:55px;} .span-243 h2.success-stories { margin-top: 25px !important; } /* Breadcrumbs ----------------*/ ul#breadcrumbs{ height: 50px; line-height: 50px;} ul#breadcrumbs li, ul#breadcrumbs li a{ display: inline-block; zoom:1; *display:inline;} ul#breadcrumbs li{ background: url('../images/breadcrumb-arrow.gif') center right no-repeat; padding-right: 15px; margin-right: 10px; color: #5f6a72; font-size: 11px;} ul#breadcrumbs li a{ color: #e44e35; text-decoration: none; font-size: 11px;} ul#breadcrumbs li a:hover{ text-decoration: underline;} ul#breadcrumbs li:last-child, ul#breadcrumbs li.last{ background: none;} /* Pagination ----------------*/ ul.pagination{ text-align: right !important; clear: both !important; display: block !important;} ul.pagination li, ul.pagination li a{ display: inline !important; float: none !important; width: 26px !important; margin: 0 !important;} ul.pagination li a{ text-align: center !important; line-height: 25px !important; display: inline-block !important; text-decoration: none; width: 26px !important; color: #5f6a72; font-weight: block; float: none;} ul.pagination li a:hover{ color: #e44e35; } ul.pagination li.current a{ background: url('../images/pagination-current.png') 50% 50% no-repeat; color: #fff;} /* Tags ----------------*/ dl.tags{ border-bottom: 1px solid #e5e5e5; padding-bottom: 35px; margin: 20px 0 40px; font-size: 12px;} dl.tags dt{ display: inline; font-weight: normal; color: #5e6a72; margin-right: 6px;} dl.tags dd{ display: inline;} dl.tags dd a{ margin: 0 3px;} /* Article ----------------*/ #article{} #article .rounded{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #article h2{ color: #e44e35; font-size: 24px; line-height: 28px; margin: 0 0 0 0; } #article h4{ color: #5e6a72; font-size: 13px; margin: 24px 0 0 0; line-height: 21px;} .pgraphFix .span-511 h4, .span-511 h4{font-weight: bold;} #article h5{ color: #5f6a72; font-size: 14px; margin: 0 0 24px 0; line-height: 21px; font-style: italic; font-weight: normal;} #article p{ font-size: 13px; color: #5e6a72;} #article p.options, .askExpertContent p.options { font-size: 12px; display: block;} #article p.options a.btn, .askExpertContent p.options a.btn{ float: left; position: relative; top: -4px;} #article a, p.suggest a{ color: #e34e35; display: inline; text-decoration: none; font-weight: bold; } #article a:hover, p.suggest a:hover{ text-decoration: underline;} span.btn, a.btn{ background: url('../images/button-small.png') top right no-repeat; display: inline-block; text-decoration: none; text-shadow: 0 1px #fff; margin-right: 10px; line-height: 25px; padding: 0 5px 0 -5px; color: #e44e35; font-weight: bold;} span.btn {padding-right:10px;} span.btn button, a.btn span{ background: url('../images/button-small.png') top left no-repeat; display: inline-block; padding: 0 5px 0 15px; margin-right: 7px; line-height: 26px; height: 25px; overflow: hidden; border:0;} span.btn button {text-shadow: 0 1px #fff; color: #e44e35; cursor:pointer; font-size:12px; font-weight:bold; padding:0 0 0 10px; margin: 0;} span.btn:hover, a.btn:hover{ text-decoration: none !important; background-position: bottom right;} span.btn:hover button, a.btn:hover span{ background-position: bottom left;} ul.options{ text-align: right; margin-bottom: 60px;} ul.options li, ul.options li a{ display: inline;} ul.options li a{ margin-left: 15px; font-size: 12px; color: #e44e35; font-weight: bold !important; text-decoration: none; background: url('../images/article-icons.png') no-repeat; line-height: 14px; padding-left: 18px; display: inline-block;} ul.options li a:hover{ text-decoration: underline;} ul.options li a.print{ background-position: 0 0;} ul.options li a.save{ background-position: 0 -14px;} ul.options li a.share{ background-position: 0 -28px; width: 30px;} /* Success stories ----------------*/ blockquote#success{padding: 0; background: #f4f3eb; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 0; margin: 0; position: relative;} blockquote#success .rounded{ border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; float: left; width: 511px; margin-right: 25px;} blockquote#success p{ font-size: 17px; font-weight: bold; font-style: normal; color: #5f6a72; margin: 0 0 10px 0; line-height: 25px; display: inline-block; font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; background: url('../images/quote-big-open.png') 0px 35px no-repeat; padding: 30px 40px 0 20px; } blockquote#success cite, #article .span-243 blockquote cite, #videos ul li blockquote cite{ font-weight: bold; color: #e44e35; font-size: 12px; font-style: normal; padding-left: 20px; display: block; line-height: 15px; margin-top: 5px;} blockquote#success p span.quoteClose{ background: url('../images/quote-big-close.png') no-repeat scroll 180px 0 transparent; width: 193px; height: 13px; display: block; margin-left: 5px; margin-top: -18px;} blockquote#success.browse p{ background: url('../images/quote-big-open.png') 0px 5px no-repeat; padding: 0px 40px 0 20px; } blockquote#success.browse cite{color: #5f6a72; font-size: 12px; font-weight: bold; font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; margin: 5px 0 0 0;} blockquote#success.browse h4{ color: #5f6a72; font-size: 12px; font-weight: bold; font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; margin: 20px 0 10px 20px;} blockquote#success.browse a.more{ font-style: normal; margin: 15px 0 0 15px;} #article .span-243 blockquote, #videos ul li blockquote{ font-style: normal; padding: 0;} #article .span-243 blockquote p, #videos ul li blockquote p{ font-size: 14px; font-weight: bold; font-style: normal; color: #5f6a72; padding: 0 15px 0 16px; line-height: 21px; background: url('../images/quote-open.png') 0 5px no-repeat; display: inline-block; font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 8px;} #sidebar span.quoteClose, #article .span-243 blockquote p span.quoteClose, #videos ul li blockquote p span.quoteClose{ background: url('../images/quote-close.png') no-repeat; width: 9px; height: 8px; display: inline-block; margin-left: 5px; position: relative; top: -3px;} #article .span-243 blockquote cite, #videos ul li blockquote cite{ padding-left: 16px;} /* Related items ----------------*/ #related{ margin-top: 50px; position: relative;} #ask h2, #article h3, #related h2, #class-history h2, #book-class h2, #for-you h2{ color: #e44e35; font-size: 17px; line-height: 17px;} #article .span-511 h3{ color: #5e6a72; font-size: 13px; line-height: 17px; font-weight: bold; margin: 20px 0 0 0;} ul.about{ color: #5f6a72; width: 100%; display: block; overflow: hidden;} ul.about strong{ display: inline; margin-right: 5px;} ul.about li{ margin-bottom: 5px; display: block;} /* Search Results ----------------*/ .searchResultsList a {color:#e44e35; text-decoration:none; font-weight:bold;} .searchResultsList a:hover {text-decoration:underline;} .searchResultsList h3 {font-size:17px; color:#5f6a72;} .searchResultsList h3 span {font-weight:bold;} .searchResultsList h4 {background: #f4f3eb; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding:10px 30px; margin:25px 0; font-size:17px; font-weight: bold; color: #5f6a72; overflow: hidden; position: relative;} .searchResultsList h4 span {position:absolute; top:10px; right:30px; font-size:13px; font-weight:normal;} .searchResultsList ul {padding:0 30px;} .searchResultsList ul li {margin-bottom:18px;} .searchResultsList small {font-size:12px; color:#5e6a72;} .searchResultsList h5 {font-size:17px; font-weight: bold; margin-bottom:5px;} .searchResultsList h5 a {font-weight: bold;} .searchResultsList p {color:#5e6a72; margin-bottom:0;} .searchResultsList blockquote {padding:0; font-style:normal; color:#e44e35; font-weight:bold; font-size:13px; line-height:20px; text-indent:-6px; margin:0;} .searchResultsList a.viewAll {margin-left:27px; font-weight:normal;} /* Question list ----------------*/ ul.questionList{} ul.questionList li{ background: #f4f3eb; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 30px; margin-bottom: 25px; color: #5f6a72; overflow: hidden; position: relative;} ul.questionList li blockquote{ padding: 0; margin: 0; font-style: normal; font-weight: bold; font-size: 17px; line-height: 25px; margin-bottom: 20px;} ul.questionList li cite{ float: left; font-size: 12px; font-weight: bold; color: #5f6a72;} ul.questionList li a.more{ float: right;} p.suggest{ margin-top: 60px; padding-top: 25px; border-top: 1px solid #e5e5e5; color: #5f6a72;} p.suggest strong{ font-size: 17px; display: inline-block; margin-right: 5px;} p.suggest a.btn{ float: right; margin-right: 0; position: relative; top: -2px;} /* Quiz form ----------------*/ .quizForm {min-height:352px; padding:60px 55px 25px 55px !important;} .quizForm h2 {color:#f8b3a4 !important; margin-bottom:20px !important;} .quizForm ul li {overflow:hidden; margin-bottom:15px; position:relative;} .quizForm ul li label {font-size:18px; font-weight: bold; display:block; line-height:22px; color:#fff; padding-left:35px;} .quizForm ul li input {position:absolute;} span.ui-checkbox, span.ui-radio {display: block; float: left; width: 18px; height: 18px; background: url("../images/custom-radio-button.png") 0 0 no-repeat;} span.ui-helper-hidden {display: none;} span.ui-radio-state-hover, span.ui-checkbox-state-hover {background-position: 0 0;} span.ui-radio-state-checked {background-position: 0 -23px;} span.ui-checkbox-state-checked-hover {background-position: 0 -23px;} span.ui-radio-state-checked-disabled-hover, span.ui-radio-state-checked-disabled, span.ui-radio-state-checked {background-position: 0 -23px;} span.ui-radio-state-checked-hover {background-position: 0 -23px;} .quizScore h4 {margin-bottom:10px !important;} .quizScore p {font-size:60px !important; line-height:normal !important; color:#e44e35 !important; font-weight:bold !important; letter-spacing:8px; margin-bottom:35px !important;} .quizScore ul {padding-top:10px;} .quizScore ul li {font-size:40px; display:block; line-height:40px; color:#5f6a72; font-weight:bold; margin-bottom:10px; background-image:url("../images/quiz-result.png"); background-repeat:no-repeat;} .quizScore ul li.correct {background-position:34px 2px;} .quizScore ul li.wrong {background-position:34px -49px;} /* Plans accordion ----------------*/ #plans{} #plans h2{ display: block; background: url('../images/accordion-bg.png') no-repeat; width: 779px; height: 44px; padding: 20px 0; font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #5f6a72; font-weight: normal; margin-top: 10px; clear:both;} #plans h2 span{ padding-left: 58px; display: block;} #plans h2 a{ display: block; font-size: 30px; line-height: 30px; text-decoration: none; background: url('../images/accordion-expands.png') no-repeat; margin-bottom: 5px; padding-left: 58px;} #plans h2 a.first{ color: #fe825f; background-position: 20px 5px;} #plans h2.ui-state-active a.first{ background-position: 20px -29px;} #plans h2 a.second{ color: #e44e35; background-position: 20px -89px;} #plans h2.ui-state-active a.second{ background-position: 20px -123px;} #plans h2 a.third{ color: #b8240b; background-position: 20px -183px;} #plans h2.ui-state-active a.third{ background-position: 20px -217px;} #plans h2 a.fourth{ color: #832d1f; background-position: 20px -277px;} #plans h2.ui-state-active a.fourth{ background-position: 20px -311px;} #plans div{ padding: 20px 20px 10px 60px; color: #5e6a72; } #plans div > ul > li .rounded, #plans div > ul > li img{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; float: left; margin-right: 20px; position: absolute; left: 0;} #plans div > ul > li{ margin-bottom: 30px; display: block; position: relative; padding-left: 125px;} #plans div ul li h3{ margin: 0 0 4px 0; line-height: 16px; font-size: 16px; font-weight: bold;} #plans div ul li h3 a{ line-height: 16px; font-size: 16px;} #plans div ul li p{ font-size: 13px; line-height: 21px; margin: 0 0 10px 0;} #plans div ul li ul{ margin: 7px 0 12px;} #plans div ul li a.more{ left: -5px; font-weight: bold;} p.big{ font-size: 17px; line-height: 25px; color: #5f6a72; margin-bottom: 30px;} /* Calendar ----------------*/ #calendar{ position: relative;} .ui-datepicker { display: block; background: #f4f3eb; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 5px;} .ui-datepicker .ui-datepicker-header { position:relative; padding: 0 0 15px 0; margin-top: 5px;} .ui-datepicker .ui-datepicker-title { font-size: 13px; color: #e34e35; font-weight: bold;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; background: url('../images/testimonial-arrows.png') no-repeat; text-indent: -9999px; display: block; width: 17px; height: 17px; margin-top: 3px; cursor: pointer;} .ui-datepicker .ui-datepicker-prev { background-position: top left; left: 0;} .ui-datepicker .ui-datepicker-next { background-position: top right; right: 0;} .ui-datepicker .ui-datepicker-prev-hover { background-position: bottom left; } .ui-datepicker .ui-datepicker-next-hover { background-position: bottom right;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-unselectable, .ui-datepicker .ui-state-disabled{color: #afb4b8;} .ui-datepicker table {width: 100%; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { text-align: center; font-weight: bold; border: 0; color: #e34e35; border-bottom: 1px solid #dbdad3; padding-bottom: 2px; } .ui-datepicker td { border: 0; padding: 1px; color: #5f6a72; font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle;} .ui-datepicker tbody tr:first-child td{ padding-top: 2px;} .ui-datepicker td span, .ui-datepicker td a { display: block; text-align: right; text-decoration: none; text-align: center; vertical-align: middle; padding: 0 3px;} .ui-datepicker td a{ color: #e34e35;} .ui-datepicker td a:hover{ color: #fff; background: url('../images/datepicker-state-hover.png') 50% 50% no-repeat;} .ui-datepicker a.ui-state-active{ color: #fff; background: url('../images/datepicker-state-selected.png') 50% 50% no-repeat;} .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker td.ui-datepicker-today span, .ui-datepicker td.ui-datepicker-today.hasclasses span { background:url("../images/datepicker-state-selected.png") no-repeat scroll 50% 50% transparent; color:#FFFFFF; } /* custom class added by calendar({beforeShowDate:function()}) */ .ui-datepicker td.hasclasses span { color: #E34E35; } /* Classes ----------------*/ #classes{ position: relative;} #classes > h2{ font-size: 40px; color: #e34e35; margin-left: 20px;} #classes > h3{ font-size: 26px; line-height: 26px; margin: 40px 0 20px 20px; color: #e34e35;} #classes > small{ font-size: 17px; color: #5f6a72; margin-left: 20px; font-weight: bold;} #classes table{ width: 100%; border-collapse: collapse;} #classes table th{ border-bottom: 4px solid #e5e5e5; color: #5e6a72; font-weight: bold; font-size: 13px; padding: 0 8px 20px 8px;} #classes table th.time{ width: 100px;} #classes table tr td{ color: #5f6a72; font-size: 13px; vertical-align: top; padding: 20px 0; padding: 20px 8px; line-height: 20px; } #classes table td a.btn{ font-size: 12px; margin: 0;} #classes table tr:nth-child(2n), #classes table td.even{ background: #f7f7f1 !important;} #classes table tr th:first-child, #classes table tr td:first-child, #classes table tr th.first, #classes table tr td.first{ padding-left: 20px !important;} #classes table tr td.first, #classes table tr td:first-child{ width: 210px;} #classes table tr td:last-child, #classes table tr td.first{ vertical-align: middle; font-weight: bold; width: 115px;} #classes table td h3 a{ font-size: 13px;} #classes form{ position: absolute; top: 34px; right: 0; display: block; width: auto;} #classes form label{ float: left; margin-right: 0px; line-height: 27px; color: #5e6a72;} #classes form .customComboHolder, #classes form .btn{ float: left; margin: 0 0 0 18px; } .regularForm .customComboHolder {float:left;} #classes .customComboHolder, .regularForm .customComboHolder { width:121px;} #classes .customComboHolder div, .regularForm .customComboHolder div { width:113px; background: url('../images/form-dropdown-small.png') no-repeat;} #classes .customComboHolder select, .regularForm .customComboHolder select{ width: 121px;} #classes #selectYear, #classes #selectYear select { width:70px;} #classes #selectYear div { background: url('../images/form-dropdown-year.png') no-repeat; width:63px;} #find-class{ background: #f4f3eb; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 0; overflow: hidden; margin-bottom: 50px; position: relative;} #find-class .rounded{ border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; float: left;} #find-class h2 { color: #e44e35; font-size: 17px; line-height: 27px; margin-bottom: 5px; font-weight: bold;} #find-class p{ font-size: 13px; color: #5e6a72; margin: 8px 0;} #find-class form{ margin-top: 30px;} #find-class div.col{ width: 320px; float: right; padding: 40px 40px 0 20px;} #find-class .customComboHolder{ width:278px;} #find-class .customComboHolder div{ width:270px; background: url('../images/form-dropdown-big.png') no-repeat;} #find-class .customComboHolder select{ width: 278px;} .customComboHolder{ position: relative; display: block; height: 25px;} .customComboHolder div { height:25px; line-height:27px; padding: 0 0 0 8px; position:absolute; z-index:1; font-weight: bold; font-size: 12px; font-weight: bold; color: #5f6a72;} .customComboHolder.hover div{ background-position: bottom left !important;} .customComboHolder select {background-color:#FFFFFF; cursor:pointer; display:inline; float:left; opacity:0; -moz-opacity:0; filter:alpha(opacity: 0); position:absolute; margin-top:6px; z-index:2;} .customComboHolder select option {color:#434343; padding:2px 2px 2px 11px;} /* Mapping slider ----------------*/ #questionnaire{ background: #e44e35 url('../images/questionnaire-bg.png') no-repeat; width: 606px; display: block; float: right; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 60px 55px; margin-top: 20px; position: relative;} #questionnaire h2{ color: #fff; font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 40px; line-height: 42px; margin-bottom:40px;} #questionnaire small{ color: #f3ae9b; font-size: 12px; font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;} #questionnaire p{ font-size: 14px; color: #fff; font-weight: bold;} #questionnaire a.more{ display: inline-block; background: url('../images/read-more.png') bottom left no-repeat; line-height: 23px; font-weight: bold; font-size: 11px; text-decoration: none; padding-left: 21px; color: #e44e35; position: relative; height: 21px;} #questionnaire a.more:hover{ background-position: bottom left; text-decoration: underline;} #mapping-holder{ width: 597px; background: url('../images/mapping-bg.png') 0% 50% no-repeat; padding: 0 10px; display: block; margin-bottom: 40px;} #mapping-holder .ui-slider { position: relative; text-align: left; height: 57px; display: block; width: 577px; } #mapping-holder .ui-slider .ui-slider-handle { position: absolute; z-index: 2; background: url('../images/mapping-cursor.png') 50% 50% no-repeat; width: 57px; height: 57px; cursor: pointer;} #mapping-holder .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;} #mapping-holder .ui-slider-horizontal { height: 57px;} #mapping-holder .ui-slider-horizontal .ui-slider-handle { top: 0em; margin-left: -28px;} #mapping-holder .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%;} #mapping-holder .ui-slider-horizontal .ui-slider-range-min { left: 0px;} #mapping-holder .ui-slider-horizontal .ui-slider-range-max { right: 0px; } a.mapping{ width: 100px; position: absolute; display: block; top: 55px; margin-left: -50px; text-align: center; color: #eca191; font-size: 14px; font-weight: bold; font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none;} a.mapping.selected{ color: #f4f3eb;} a.value-1{ left: 0;} a.value-2{ left: 33.3%;} a.value-3{ left: 66.6%;} a.value-4{ left: 100%;} form#mappingForm input { display: none; } #mapping-info .mapping { display: none; } #mapping-info{ width: 185px; height: 340px; float: left; background: #f4f3eb; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 50px 35px; margin-top: 20px; position: relative;} #mapping-info p {font-size:13px; color:#5f6a72; font-weight: bold;} #questionnaire a.btn{ background-image: url('../images/button-small-orange.png'); float: right; margin: 50px 0 5px 0;} #questionnaire a.btn span{ background-image: url('../images/button-small-orange.png');} .side-slider-holder{ width: 177px; background: url('../images/sidebar-slider-bg.png') 0% 50% no-repeat; padding: 0 10px; display: block; margin: 5px 0 20px;} #mapping-info .ui-slider { position: relative; text-align: left; height: 42px; display: block; width: 157px; } #mapping-info .ui-slider .ui-slider-handle { position: absolute; z-index: 2; background: url('../images/sidebar-slider-cursor.png') 50% 50% no-repeat; width: 43px; height: 42px; cursor: pointer;} #mapping-info .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;} #mapping-info .ui-slider-horizontal { height: 42px;} #mapping-info .ui-slider-horizontal .ui-slider-handle { top: 0em; margin-left: -21px;} #mapping-info .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%;} #mapping-info .ui-slider-horizontal .ui-slider-range-min { left: 0px;} #mapping-info .ui-slider-horizontal .ui-slider-range-max { right: 0px; } #mapping-info h3{ color: #e44e35; font-size: 17px; line-height: 24px; margin-bottom: 0;} #mapping-info h4{ color: #5f6a72; font-size: 12px; margin-bottom: 20px;} #mapping-info strong{ color: #5f6a72; font-size: 12px; } #results div{ } #results h2.first{ border-top: 0;} #results h2{ border-top: 1px solid #ea735e; font-size: 40px; font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 40px; padding: 10px 0; margin-bottom: 0;} #results h2 a{ text-decoration: none; color: #f2a79a; background: url('../images/results-expands.png') 0px 13px no-repeat; padding-left: 36px;} #results h2.ui-state-active a{ color: #fff; background-position: 0 -28px;} ul.classes{ padding: 5px 40px; margin: 0 0 10px 0;} ul.classes li{ background: url('../images/article-arrow.gif') 0% 50% no-repeat; padding-left: 12px;} ul.classes li a{ font-size: 14px; color: #f4f3eb; text-decoration: none; font-weight: bold;} ul.classes li a:hover{ text-decoration: underline;} ul.list{ padding: 15px 0;} ul.list li{ display: block; width: 193px; position: relative; float: left; margin-bottom: 15px;} ul.list li a{ color: #fff; text-decoration: none;} ul.list li a:hover{ text-decoration: underline;} ul.list li small{ font-size: 11px; color: #fff !important;} ul.list li a h4{ font-size: 12px; font-weight: bold;} ul.list li .rounded{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-bottom: 10px;} ul.list li.mid{ margin: 0 10px;} #results a.more{ color: #fff !important; left: 35px; margin-bottom: 15px;} /* My education ----------------*/ #education-box{ background: #f4f3eb; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; padding: 18px; margin-bottom: 50px; position: relative;} .noTimeline {overflow:hidden; padding-bottom:10px !important;} .noTimeline .span-264 {margin-bottom:0;} #ceritification{ background: url('../images/education-bar-bg.png') 0% 0% no-repeat; width: 740px; height:25px; display: block; position: relative; margin-top: 10px;} #educationLanding > p { font-size: 13px; color: #5e6a72; } #ceritification span.tl12, #ceritification span.tr12, #ceritification span.bl12, #ceritification span.br12{ background: url('../images/r12-pale.png') no-repeat; } #ceritification span.tl12{ top: 0; left: 0; background-position: top left;} #ceritification span.tr12{ top: 0; right: 0; background-position: top right;} #ceritification span.bl12{ left: 0; bottom: 0; background-position: bottom left;} #ceritification span.br12{ right: 0; bottom: 0; background-position: bottom right;} #education-box h3{ clear: both; font-size: 20px; font-weight: normal; color: #5e6a72; margin: 0; display: block;} #education-box h3 span{ color: #e34e35;} #ceritification ul{ display: block; height: 25px; overflow: hidden; width: 740px; position: relative;} #ceritification ul li.first a{ border-radius: 12px 0 0 12px; -webkit-border-radius: 12px 0 0 12px; -moz-border-radius: 12px 0 0 12px;}, #ceritification ul li.last a{ border-radius: 0 12px 12px 0; -webkit-border-radius: 0 12px 12px 0; -moz-border-radius: 0 12px 12px 0;} #ceritification ul li{ float: left; display: block; position: relative;} #ceritification ul li a{ background: url('../images/education-bar-progress.png') top left no-repeat; text-indent: -9999px; display: block; height: 25px; line-height: 25px; float: left; width: 100%;} #ceritification ul li:first-child a{ background-position: -1px 0px;} #ceritification ul li:first-child a:hover{ background-position: -1px bottom;} #ceritification ul li a:hover{ background-position: bottom left;} .tipsy { padding: 5px; font-size: 12px; display: inline-block; background: url('../images/tipsy-arrow.png') no-repeat top left; padding-left: 10px; height: 53px; max-width: 500px; position: absolute; z-index: 100000; margin-left: 15px;} .tipsy-inner { padding: 9px 10px 9px 0; background-color: black; color: #5e6a72; background: url('../images/tipsy-content.png') top right no-repeat; font-size: 12px; line-height: 14px; display: inline-block; height: 53px; margin-top: -5px; text-align: left;} .tipsy strong{ display: block;} p#ceritification-time{ position: absolute; margin: 5px 0 0 0; z-index: 101; width: 80px; height: 28px; margin-left: -80px; background: url('../images/ceritification-time.png') no-repeat; text-align: center; padding-top: 14px; color: #5e6a72; font-size: 14px; } p#ceritification-time.bubbleLeft{ background: url('../images/ceritification-time-left.png') no-repeat !important; margin-left: 0;} p#ceritification-time span{ color: #e34e35;} #class-history, #for-you, #book-class { display: block; width: 377px; margin: 0 0 25px 0;} #class-history h2, #for-you h2{ margin-bottom: 25px;} #class-history, #book-class { float: right;} #for-you{ float: left;} #class-history ul{ margin-bottom: 30px;} #class-history ul li{ position: relative;} #class-history ul li h3{ color: #5f6a72; font-size: 12px; margin: 0 0 5px 0;} #class-history ul li p{ background: url('../images/history-bar-bg.png'); display: block; width: 377px; height: 23px; margin: 0 0 12px 0;} #class-history ul li p strong{ background: url('../images/history-bar-progress.png'); display: block; height: 23px; line-height: 23px;} #class-history ul li p strong span{ position: absolute; right: 0px; color: #e34e35; font-size: 11px; display: block; line-height: 26px; text-align: right; top: -3px;} #for-you h3{ margin-bottom: 0; line-height: 16px;} #for-you p{ color: #5e6a72; margin-bottom: 0; line-height: 16px;} #for-you ul{} #for-you ul li{ border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; padding: 0 0 20px 120px; overflow: hidden; position: relative;} #for-you ul li:last-child, #for-you ul li.last{ border-bottom: none; padding: 0 0 5px 120px;} #for-you ul li .rounded{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; float: left; margin-left: -120px; position: relative;} #book-class span.rounded{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin:13px 0 15px 0; float:left;} #book-class p {color:#5e6a72;} .span-342, .span-264, .span-137{ float: left; background: url('../images/education-separator.png') no-repeat; margin-bottom: 30px;} .span-342 *, .span-264 *, .span-137 *{ margin: 0;} .span-264, .span-137{ padding-left: 20px;} .span-342{width: 342px; background: none;} .span-264{width: 244px;} .span-137{width: 117px;} h2.span-342{ font-size: 36px; color: #5e6a72; font-weight: normal;} h2.span-342 span{ display: block; color: #e34e35;} .span-264 a.more{ left: -5px;} #education-box dl dt{ color: #5e6a72; font-size: 13px;} #education-box dl dd{ font-size: 13px; color: #5e6a72; font-weight: normal;} #education-box dl dd strong{ color: #e34e35; font-size: 30px; display: block; font-weight: normal; line-height: 32px;} p.span-137{ font-size: 13px; color: #5e6a72; font-weight: bold; } p.span-137 strong{ font-size: 56px; display: block; color: #e34e35; font-weight: normal; line-height: 56px;} .saved-items ul li h3, #for-you h3, #related h3{ font-weight: bold;} /* Added radius ----------------*/ span.tl12, span.tr12, span.bl12, span.br12{ display: block; width:12px; height: 12px; background: url('../images/r12.png') no-repeat; position: absolute; z-index: 202;} span.tl12{ top: 0; left: 0; background-position: top left;} span.tr12{ top: 0; right: 0; background-position: top right;} span.bl12{ left: 0; bottom: 0; background-position: bottom left;} span.br12{ right: 0; bottom: 0; background-position: bottom right;} /* Popups ----------------*/ .popupContent { width:320px; min-height:170px; padding:20px 0 0 0; margin:0 10px; } .wide { width:453px; } .bookClassPopup span.rounded {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; display:block; margin:5px 20px 15px 0; float:left; width:110px !important; height:65px !important;} .bookClassPopup h3 {margin-bottom:5px;} .bookClassPopup p {clear:both; margin:18px 0 0 0;} .bookClassPopup ul {margin-bottom:10px;} .bookClassPopup ul li {color:#5e6a72; line-height:16px;} .bookClassPopup a.play {margin-top:18px;} /* Forms General ----------------*/ .popupContent h3, .contactForm h3, .regularForm h3 { margin-bottom:0; font-size:17px; color:#e44e35; } .popupContent h3 { margin-bottom:5px; } .popupContent h3.addSpace{margin-bottom: 20px;} .popupContent p, .regularForm p{ color:#5f6a72; } #popupContent form p, .regularForm form p{ margin-bottom:0; } .popupContent form ul, .regularForm form ul{ padding:5px 0; } .popupContent form ul li, .regularForm form ul li{ overflow:hidden; margin-top:10px; } .popupContent form ul li label, .regularForm form ul li label{ float:left; width:129px; color:#5f6a72; font-weight:bold; } .popupContent form ul li input, .popupContent form ul li textarea, .regularForm form ul li input, .regularForm form ul li textarea{ float:left; width:165px; padding:0 5px; color:#5f6a72; font-size:12px; line-height:20px; } .popupContent form ul li input.short, .regularForm form ul li input.short { width:30px; } .popupContent form ul li textarea, .regularForm form ul li textarea{ width:298px; height:160px; padding:5px 10px; overflow:auto; } .popupContent form ul li span.btn, a.passLink, .regularForm form ul li span.btn{ margin-left:129px; } a.passLink { margin-top:5px; color:#e44e35; text-decoration:none; font-size:11px; font-weight: bold; } a.passLink:hover { text-decoration:underline; } form#forgotPassForm { display:none; margin-top:20px; padding-top:20px; border-top:#e5e5e5 solid 1px; } p.formConfirm { display:none; } a.registerLink { margin-left: 129px; color: #e44e35; text-decoration: none; font-size: 11px; font-weight: bold; } a.registerLink:hover { text-decoration: underline; } /* Content Forms ----------------- */ p.alreadyRegistered {position:absolute; right:200px; top:8px; color:#5f6a72;} p.alreadyRegistered a {color:#e44e35; text-decoration:none;} p.alreadyRegistered a:hover {text-decoration:underline;} ul.regularForm li {background: #f4f3eb; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 30px; position: relative; width:417px; height:260px;} .contactForm li{ background: #f4f3eb; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 30px; position: relative; } ul.regularForm li ul li {padding:0; width:auto; height:auto; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;} ul.regularForm h3 {margin-bottom:5px;} ul.regularForm li h4 {font-size:12px; color:#5f6a72; font-weight: bold; margin:30px 0 10px 0;} ul.whyRegister {margin-bottom:20px !important;} ul.whyRegister li {color:#5f6a72; display:block; padding-left:10px !important; background:url("../images/bullet-1.gif") 0 8px no-repeat !important;} /* Wide Form content ----------------- */ ul.wideForm p {margin-bottom:0;} ul.wideForm li{width:700px !important; float:left; height:auto !important; padding:40px;} ul.wideForm li form ul li label {width:205px;} ul.wideForm li form ul li label span {font-weight:normal;} ul.wideForm li ul {border-bottom:#dbdad3 solid 1px; float:left; width:700px; padding:10px 0 30px 0; margin-bottom:20px;} ul.wideForm li ul.lastFieldset {border-bottom:0; padding:0; margin-bottom:0;} ul.wideForm li.right {float:right !important; width:170px !important; padding:0; background:none;} ul.wideForm li.right ul {overflow:hidden; float:none; width:auto !important; border-bottom:0;} ul.wideForm li.right ul li { width:auto !important;} ul.wideForm li.right h4 {font-size:17px; margin:0 0 10px 0;} ul.wideForm li span.btn {margin-left:205px !important; margin-top:20px;} ul.wideForm li h4 {clear:both; color:#e44e35; font-weight: bold; margin-bottom:0;} /* Locations ----------------*/ ul#locations{ } ul#locations li{ position: relative; padding-left: 274px; margin-bottom: 70px;} ul#locations li:last-child, ul#locations li.last{ margin-bottom: 0;} ul#locations li .rounded{ position: absolute; left: 0;} ul#locations li dl{ margin: 0 0 15px 0;} ul#locations li dl dt{ color: #e44e35; font-size: 17px; line-height: 17px; font-weight: bold; margin-bottom: 6px;} ul#locations li dl dd{ color: #5f6a72; font-size:13px;} ul#locations li p{ padding-top: 15px; margin: 0; border-top: 1px solid #e5e5e5; color: #5f6a72; font-size: 13px; overflow: hidden;} ul#locations li p img{ float: left; margin-right: 15px;} ul#locations li a.btn{ margin-top: 20px;} /* News ----------------*/ ul#news{ width: 712px; float: left; overflow: visible;} ul#news > li{ position: relative; padding-left: 200px; margin-bottom: 50px; min-height: 260px; } ul#news > li:last-child, ul#news > li.last{ margin-bottom: 0px;} ul#news > li > div{ border-bottom: 1px solid #e5e5e5; padding-bottom: 50px;} ul#news > li:last-child > div, ul#news > li.last > div{ border: none; padding: 0;} ul#news > li > div > p a { color: #E44E35; } ul#news > li > div > .videoplayer { margin-bottom: 30px; } #news h2{ color: #e44e35; font-size: 24px; line-height: 28px; font-weight: bold; margin-bottom: 30px;} #news p{ font-size: 13px; color: #5e6a72; margin-bottom: 20px;} #news li p:last-child{ margin: 0;} #news li .rounded{ margin-bottom: 30px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } a.share{ text-indent: -9999em; display: inline-block; width: 16px; height: 16px; background: url('../images/share-icons.png') no-repeat; margin-right: 6px;} a.facebook{ background-position: 0 0;} a.facebook:hover{ background-position: bottom left;} a.twitter{ background-position: -23px 0;} a.twitter:hover{ background-position: -23px bottom;} a.delicious{ background-position: -44px 0;} a.delicious:hover{ background-position: -44px bottom;} a.digg{ background-position: -66px 0;} a.digg:hover{ background-position: -66px bottom;} ul.articleInfo{ width: 176px; position: absolute; left: 0; top: 0;} ul.articleInfo li{} ul.articleInfo li.date{ background: url('../images/news-date.png') no-repeat; display: block; width: 80px; height: 66px; color: #fff; font-weight: bold; font-size: 36px; text-align: center; line-height: 30px; padding: 8px 0; border: none; margin-bottom: 10px;} ul.articleInfo li.date small{ display: block; font-size: 16px;} ul.articleInfo li{ font-size: 11px; border-bottom: 1px solid #e5e5e5; padding: 7px 0;} ul.articleInfo li.last, ul.articleInfo li:last-child{ border-bottom: none; padding-bottom: 0;} ul.articleInfo li a{ color: #e44e35; text-decoration: none; font-weight: bold;} ul.articleInfo li a:hover{ text-decoration: underline;} ul.articleInfo li strong{ display: block; font-weight: bold; color: #5e6a72;} #newsSidebar{ width: 238px; float: right;} #newsSidebar h4{ font-size: 14px; font-weight: bold; margin: 40px 0 10px 0; color: #5f6a72;} #newsSidebar ul li a{ color: #e44e35; font-size: 11px; font-weight: bold; text-decoration: none;} #newsSidebar ul li a:hover{ text-decoration: underline;} #newsSidebar ul.recent li{ border-bottom: 1px solid #e5e5e5; padding: 8px 0;} #newsSidebar ul.recent li:last-child, #newsSidebar ul.recent li.last{ border-bottom: none; padding-bottom: 0;} #newsSidebar form{ background: url('../images/search-form-bg.png') no-repeat; display: block; width: 238px; height: 60px; padding: 20px 0;} #newsSidebar form label{ width: 198px; font-size: 13px; color: #fff; font-weight: bold; margin: 0 auto; display: block;} #newsSidebar form input{ display: block; width: 143px; line-height: 12px !important; font-size: 12px; background: url('../images/search-form-input.png') no-repeat; padding: 7px 40px 7px 15px; border: none; color: #555; margin-top: 10px; height: 15px;} /* Profile ----------------*/ .profileHolder{ background: #f4f3eb; position: relative; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; padding: 40px; color: #5f6a72;} .profileHolder p.error{border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; padding: 15px 20px; color: #fff !important; font-weight: normal; background: url('../images/error-holder.png'); font-size: 11px; line-height: 17px; margin-bottom: 30px; position: relative;} .profileHolder p.error span.tl12, .profileHolder p.error span.tr12, .profileHolder p.error span.bl12, .profileHolder p.error span.br12{ background: url('../images/r12-pale.png') no-repeat; } .profileHolder p.error span.tl12{ top: 0; left: 0; background-position: top left;} .profileHolder p.error span.tr12{ top: 0; right: 0; background-position: top right;} .profileHolder p.error span.bl12{ left: 0; bottom: 0; background-position: bottom left;} .profileHolder p.error span.br12{ right: 0; bottom: 0; background-position: bottom right;} .profileHolder .options{ position:absolute; top: 40px; right: 40px;} .profileHolder .hr{ margin: 20px 0;} .profileHolder h2{ color: #e44e35; font-weight: bold; margin: 0; font-size: 17px;} .profileHolder h4{ font-size:12px;} .profileHolder small{ font-size: 12px; margin-bottom: 40px; display: block;} .profileHolder ul li{ display: block; margin: 8px 0; font-size: 12px; clear: both;} .profileHolder ul li.separator{ border: 1px solid #dbdad3; border-width: 1px 0; margin: 16px 0; padding: 16px 0;} .profileHolder ul li strong{ display: inline-block; width: 218px; vertical-align: top;} .profileHolder ul li strong span{ font-weight: normal;} .profileHolder ul li address{ display: inline-block;} .profileHolder ul li p{ width: 318px; display: inline-block;} .profileHolder li .customComboHolder{ width: 193px; float: left; margin-bottom: 8px; height: 23px; font-size: 11px !important;} .profileHolder li .customComboHolder div{ background: url('../images/form-dropdown-contact.png') no-repeat; width: 193px; height: 23px; font-size: 11px !important;} .profileHolder li .customComboHolder select{ width: 193px; margin-top: 0;} .profileHolder li .customComboHolder.small{ width: 96px; display: inline-block; height: 23px; font-size: 11px !important;} .profileHolder li .customComboHolder.small div{ background: url('../images/profile-select-small.png') no-repeat; width: 96px; height: 23px; font-size: 11px !important;} .profileHolder li .customComboHolder.small select{ width: 96px;} .profileHolder li textarea{ width: 314px; height: 154px; padding: 3px;} .profileHolder ul li label{ float: left; width: 218px; font-weight: bold;} .profileHolder ul li label.radio{ width: 60px; display: inline-block !important; float: none !important; font-weight: normal !important;} .profileHolder ul li label.checkbox{ width: 180px; display: inline-block !important; float: none !important; font-weight: normal !important;} .profileHolder li input{color: #5f6a72; font-size: 12px; padding: 1px 2px; } .profileHolder li input.small{ width: 50px;} .profileHolder li input.calendar{ background: #fff url('../images/input-calendar.png') 96% 50% no-repeat;} .profileHolder li input.error { border: 2px solid #e44e35; color: #e44e35;} .profileHolder ul li span.btn{ margin-top: 15px;} .profileHolder ul li .multiHolder{ float: left; display: block; overflow: visible; margin-bottom: 10px;} .profileHolder ul li .multiHolder input{ display: block; margin-top: 10px;} .profileHolder span.ui-radio {display: block; float: left; width: 13px; height: 13px; background: url("../images/form-contact-radio.png") 0 0 no-repeat; margin-top: 2px; position: relative; margin-right: 5px;} .profileHolder span.ui-checkbox{display: block; float: left; width: 14px; height: 14px; background: url("../images/checkbox.png") 0 0 no-repeat; margin-top: 2px; position: relative; margin-right: 5px;} .profileHolder span.ui-radio-state-hover, .profileHolder span.ui-checkbox-state-hover {background-position: 0 0;} .profileHolder span.ui-radio-state-checked {background-position: 0 -13px;} .profileHolder span.ui-checkbox-state-checked {background-position: 0 -14px;} .profileHolder span.ui-checkbox-state-checked-hover {background-position: 0 -14px;} .profileHolder span.ui-radio-state-checked-disabled-hover, .profileHolder span.ui-radio-state-checked-disabled, .profileHolder span.ui-radio-state-checked {background-position: 0 -13px;} .profileHolder span.ui-radio-state-checked-hover {background-position: 0 -13px;} .profileHolder span.ui-checkbox-state-checked-disabled-hover, .profileHolder span.ui-checkbox-state-checked-disabled, .profileHolder span.ui-checkbox-state-checked {background-position: 0 -14px;} /* checkout */ .checkout p.error{border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; padding: 15px 20px; color: #fff !important; font-weight: normal; background: url('../images/error-holder.png'); line-height: 17px; margin-bottom: 30px; position: relative;} .checkout p.error span.tl12, .checkout p.error span.tr12, .checkout p.error span.bl12, .checkout p.error span.br12{ background: url('../images/r12-pale.png') no-repeat; } .checkout p.error span.tl12{ top: 0; left: 0; background-position: top left;} .checkout p.error span.tr12{ top: 0; right: 0; background-position: top right;} .checkout p.error span.bl12{ left: 0; bottom: 0; background-position: bottom left;} .checkout p.error span.br12{ right: 0; bottom: 0; background-position: bottom right;} /* Contact email ----------------*/ .contactForm{ margin-top: 40px;} .contactForm p.error, .requestInfoForm p.error{border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; padding: 15px 20px; color: #fff !important; font-weight: normal; background: url('../images/error-holder.png'); font-size: 11px; line-height: 17px; margin-bottom: 30px; position: relative;} .profileHolder p.error span.tl12, .profileHolder p.error span.tr12, .profileHolder p.error span.bl12, .profileHolder p.error span.br12{ background: url('../images/r12-pale.png') no-repeat; } .profileHolder p.error span.tl12, .contactForm p.error span.tl12{ top: 0; left: 0; background-position: top left;} .profileHolder p.error span.tr12, .contactForm p.error span.tr12{ top: 0; right: 0; background-position: top right;} .profileHolder p.error span.bl12, .contactForm p.error span.bl12{ left: 0; bottom: 0; background-position: bottom left;} .profileHolder p.error span.br12, .contactForm p.error span.br12{ right: 0; bottom: 0; background-position: bottom right;} .contactForm > li{ width: 297px; padding: 40px; position: relative; display: block; float: left; color: #5f6a72;} .contactForm li:first-child, .contactForm li.first{ margin-right: 25px;} .contactForm li:last-child, .contactForm li.last{ } .contactForm h3{ margin-bottom: 40px; font-weight: bold;} .contactForm li address{ margin: 0;} .contactForm span.phone{ display: block;} .contactForm li span.btn.location{ margin-left: 88px;} .contactForm li span.links{ display: block; margin-top: 40px;} .contactForm li span.links a{ display: block; text-decoration: none; color: #e44e35; font-weight: bold;} .contactForm li span.links a:hover{ text-decoration: underline;} .contactForm li label.location{ display: block; margin-top: 40px;} .contactForm li .customComboHolder.location{ width: 278px; display: inline-block; height: 25px; margin-bottom: 30px;} .contactForm li .customComboHolder.location div{ background: url('../images/email-dropdown-big.png') no-repeat; width: 278px; height: 25px;} .contactForm li .customComboHolder.hover.location div{ background-position: bottom left;} .contactForm li .customComboHolder.location select{ width: 278px; margin-top: 2px;} .contactForm li form > div{ margin-bottom: 10px; clear: both; display: block; overflow: hidden;} .contactForm li div label{ display: block; width: 88px; color: #5f6a72; font-weight: bold; margin: 0; float: left; line-height: 20px; height: 20px;} .contactForm li div input{ width: 180px; display: block; float: left; line-height: 16px; padding: 0 5px;} .contactForm li div .customComboHolder{ width: 193px; display: inline-block; height: 23px;} .contactForm li div .customComboHolder div{ background: url('../images/form-dropdown-contact.png') no-repeat; width: 193px; height: 23px;} .contactForm li div .customComboHolder.hover div{ background-position: bottom left;} .contactForm li div .customComboHolder select{ width: 183px; margin-top: 2px;} .contactForm li div textarea{ width: 180px; padding: 5px; height: 150px;} .contactForm label.radio{ font-weight: normal !important;} .contactForm span.ui-checkbox, .contactForm span.ui-radio {display: block; float: left; width: 13px; height: 13px; background: url("../images/form-contact-radio.png") 0 0 no-repeat; margin-top: 2px; position: relative; margin-right: 3px;} .contactForm span.ui-radio-state-hover, .contactForm span.ui-checkbox-state-hover {background-position: 0 0;} .contactForm span.ui-radio-state-checked {background-position: 0 -13px;} .contactForm span.ui-checkbox-state-checked-hover {background-position: 0 -13px;} .contactForm span.ui-radio-state-checked-disabled-hover, .contactForm span.ui-radio-state-checked-disabled, .contactForm span.ui-radio-state-checked {background-position: 0 -13px;} .contactForm span.ui-radio-state-checked-hover {background-position: 0 -13px;} /* Jobs board ----------------*/ #jobsContent{ float: left; width: 779px;} #jobsContent table{ width: 100%; margin-bottom: 15px; border-collapse: collapse;} #jobsContent table tr .even{ background: #f7f7f1 !important;} #jobsContent table tr td, #jobsContent table tr th{ padding: 15px; color: #5f6a72; font-size: 15px;} #jobsContent table tr th small{ display: block; font-weight: normal; font-size: 13px;} #jobsContent table tr a{ color: #e44e35; font-weight: bold; text-decoration: none;} #jobsContent table tr a:hover{ text-decoration: underline;} #jobsContent table a.btn{ font-size: 12px !important;} #jobsContent p{ font-size: 13px; color: #5e6a72;} #jobsSidebar{ float: right; width: 141px; position: relative; padding: 0 15px 15px 15px; background: url('../images/jobs-sidebar-bottom.png') bottom left no-repeat;} #jobsSidebar h2{ font-size:15px; color: #5f6a72; margin: 15px 0 0 0; font-weight: bold;} #jobsSidebar ul{ } #jobsSidebar ul li{ border-bottom: 1px solid #e5e5e5; padding: 5px 0;} #jobsSidebar ul li:last-child, #jobsSidebar ul li.last{ border-bottom: none;} #jobsSidebar ul li a{ background: url('../images/read-more.png') top left no-repeat; line-height: 23px; font-weight: bold; font-size: 11px; text-decoration: none; padding-left: 21px; color: #e44e35; position: relative; display: block; left: -5px;} #jobsSidebar ul li a:hover{ background-position: bottom left; text-decoration: underline;} #jobsSidebarTop{ display: block; width: 171px; height: 13px; background: url('../images/jobs-sidebar-top.png') bottom left no-repeat; position: absolute; top: 0; left: 0;} form.jobsSearch{ clear: both; position: relative; background: url('../images/jobs-search.png') no-repeat bottom left; padding: 30px; margin: 20px 0; color: #5f6a72;} #jobsSearchTop{ display: block; width: 779px; height: 16px; background: url('../images/jobs-search-top.png') bottom left no-repeat; position: absolute; top: 0; left: 0;} .jobsSearch ul{ display: none; padding: 25px 0 5px 0; width:719px; } .jobsSearch li{ display: block; margin-bottom: 10px; height: 23px; overflow: visible; clear: both;} .jobsSearch li label{ display: inline-block; line-height: 23px !important; width: 118px; font-weight: bold; float: left; font-size: 12px !important;} .jobsSearch li input{ width: 30px;} .jobsSearch li span{ display: inline-block; margin: 0 3px;} .jobsSearch li .customComboHolder{ width: 193px; display: inline-block; height: 23px; font-size: 11px !important;} .jobsSearch li .customComboHolder div{ background: url('../images/form-dropdown-contact.png') no-repeat; width: 193px; height: 23px; font-size: 11px !important;} .jobsSearch li .customComboHolder.hover div{ background-position: bottom left; font-size: 11px !important;} .jobsSearch li .customComboHolder select{ width: 183px; /*margin-top: -2em;*/ left: 0; } form.jobsSearch h4{ padding-bottom: 15px; font-size: 12px; font-weight: normal;} form.jobsSearch fieldset div{ display: block; position: relative; overflow: visible; width: 100%; float: left;} form.jobsSearch div label{ display: block; float: left; font-weight: bold; font-size: 12px !important; margin-bottom: 10px;} form.jobsSearch div label small{ font-weight: normal;} form.jobsSearch div p{ display: block; float: left; width: 62px; height: 30px;text-align: center; line-height: 74px; vertical-align: bottom; font-size: 11px;} form.jobsSearch div label input{ display: block; margin-top: 8px; background: url('../images/job-board-input.png') no-repeat; width: 256px; height: 15px; line-height: 15px; padding: 5px; border: none; color: #5f6a72; font-size: 11px;} form.jobsSearch div span.btn{ position: relative; right: 40px; float: right; margin-top: 28px; display: block; } a#searchToggle{ display: inline-block; font-size: 11px; font-weight: bold; color: #e44e35; text-decoration: none; background: url('../images/jobs-toggle-search.png') left 2px no-repeat; line-height: 18px; padding-left: 16px; margin: 10px 0;} a#searchToggle:hover{ text-decoration: underline;} a#searchToggle.slide{ background: url('../images/jobs-toggle-search.png') left -19px no-repeat;} p.showing{ padding-left: 33px; font-size: 11px; color: #5f6a72;} ul#jobTabs{ margin: 0 0 20px 0; float: left; } ul#jobTabs li, ul#jobTabs li a{ display: block; float: left; color: #5f6a72;} ul#jobTabs li a{ text-align: center; color: #5f6a72; font-size: 13px; font-weight: normal; text-decoration: none; font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; height: 39px; padding: 6px 0 6px 0; position: relative; width: 167px; line-height: 32px;} ul#jobTabs li a:hover{ color: #e44e35;} ul#jobTabs li.selected a{ background: url('../images/jobs-tabs.png') no-repeat; color: #fff;} div.postManage{ background: #f4f3eb; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; padding: 30px; margin-bottom: 40px; position: relative;} div.postManage h3{ font-size: 17px; font-weight: bold; color: #e44e35; margin-bottom: 5px;} div.postManage h4{ margin-top: 0;} div.postManage a{ color: #e44e35; text-decoration: none;} div.postManage a:hover{ text-decoration: underline;} div.postManage p{ font-size: 12px; color: #5f6a72; margin-bottom: 0;} .postManage.addSpace{ margin-top: 40px;} .profileHolder h4, .profileContent h2, .profileContent h4{ color: #e44e35; font-weight: bold; margin: 0;} .profileContent h2{ font-size: 30px;} .profileContent h4{ font-size: 13px; margin-top: 30px;} .profileContent ul, .profileContent p{ color: #5f6a72; font-size: 13px;} .profileNavigation{ border-bottom: 1px solid #e5e5e5; position: relative; line-height: 16px; padding: 0 0 8px 0; display: block; margin-bottom: 40px;} .profileNavigation li{ display:inline-block; } .profileNavigation li.prev, .profileNavigation li.next{ float: right; padding: 0 7px;} .profileNavigation li.next{ border-left: 1px solid #e5e5e5; padding-right: 0;} .profileNavigation li a{ color: #e44e35; text-decoration: none; font-weight: bold; font-size: 11px;} .profileNavigation li a:hover{ text-decoration: underline;} .profileNavigation li a.back{ display: inline-block; background: url('../images/button-back.png') top left no-repeat; line-height: 23px; font-weight: bold; font-size: 11px; text-decoration: none; padding-left: 21px; color: #e44e35; position: relative; height: 21px;} .profileNavigation li a.back:hover{ background-position: bottom left; text-decoration: underline;} /* Request Info ----------------*/ .requestInfoForm { background: #f4f3eb; position: relative; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; padding: 40px; color: #5f6a72; margin-top: 40px; } .requestInfoForm li label.optional { font-weight: normal; } .requestInfoForm li input { width: 182px; } .requestInfoForm li textarea { width: 185px; } /* View job ----------------*/ .profileContent h3 { color: #5F6A72; margin: 0.5em 0; font-size: 1.5em; } .float-left { float: left; } .available { width: 720px; } ul.float-left { margin-right: 7em; } /*input[type=text], input[type=password], textarea { padding: 0 0 !important; }*/ /* registration */ .register p.error{border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; padding: 15px 20px; color: #fff !important; font-weight: normal; background: url('../images/error-holder.png'); line-height: 17px; margin-bottom: 30px; position: relative;} .register p.error span.tl12, .register p.error span.tr12, .register p.error span.bl12, .register p.error span.br12{ background: url('../images/r12-pale.png') no-repeat; } .register p.error span.tl12{ top: 0; left: 0; background-position: top left;} .register p.error span.tr12{ top: 0; right: 0; background-position: top right;} .register p.error span.bl12{ left: 0; bottom: 0; background-position: bottom left;} .register p.error span.br12{ right: 0; bottom: 0; background-position: bottom right;} .register input.error { border: 2px solid #e44e35; color: #e44e35;} /* Meet IDI Landing Page ----------------------*/ #meetIDITabs {background:url('../images/tab-bottom-mask.png') left bottom no-repeat #f5f5ef; height:509px; overflow:hidden;} .ui-tabs .ui-tabs-hide {display: none;} #meetIDITabs ul.ui-tabs-nav {text-align:center; margin-top:8px;} #meetIDITabs ul.ui-tabs-nav li {display:inline-block; width:139px; height:51px;} #meetIDITabs ul.ui-tabs-nav li a {display:block; width:139px; height:51px; font-size:12px; text-align:left; font-weight:500; color:#727e85; text-decoration:none; overflow:hidden;} #meetIDITabs ul.ui-tabs-nav li.ui-tabs-selected a {background:url('../images/tab-selected.png') 0 0 no-repeat; color:#fff;} #meetIDITabs ul.ui-tabs-nav li a img {float:left; margin:10px 10px 10px 5px;} #meetIDITabs ul.ui-tabs-nav li a span {display:block; padding-top:13px;} /* Masks for 779x438 images */ span.roundedTop {display:block; position:relative; width:779px; height:438px;} span.roundedTop img {position:relative; z-index:1;} span.roundedTop small { position:absolute; left:0; top:0; width:779px; height:438px; background:url('../images/tab-top-mask.png') 0 0 no-repeat; z-index:2;} /* Added by Dylan */ .alignleft { float:left; margin:0 15px 15px 0; }