/* General Classes */ .hidden {position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;} .hidetext {text-indent:-9999px;outline:0;} .left {float:left;margin:0 1em 1em 0;} .right {float:right;margin:0 0 1em 1em;} .clear {clear:both;} /* Links */ a,a:link {color:#db6700;text-decoration:none;} a:visited {text-decoration:none;} a:hover {text-decoration:none;} a:focus, a:active {text-decoration:none;} /* Layout */ body {background:#d2d2d4 url(http://www.cpanel.net/jobs-site/images/main-bg.jpg) top left repeat-x; font-family:Arial, Helvetica, sans-serif;} #wrap {width:960px;margin:0 auto;} #header {position:relative;height:132px;z-index:98;} #logo {position:absolute;background:transparent url(http://www.cpanel.net/jobs-site/images/logo.png) no-repeat;width:280px;height:106px;top:-8px;left:-10px;z-index:1;} #top-nav ul {z-index:2;position:absolute; top:99px; right:0px;list-style:none;margin:0;background:url(http://www.cpanel.net/jobs-site/images/nav-bg.png) top left no-repeat;} #top-nav li {float:left;display:inline;margin:0;} #top-nav ul li:hover {background:#fff6b6;} #top-nav ul li:hover a {background:#fff6b6;} #top-nav ul li span.unpub {display:block; color:#fff; font-weight:bold; text-decoration:none; padding:8px 20px; font-size:10pt;} #top-nav a {display:block; color:#000; font-weight:bold; text-decoration:none; padding:9px 15px; font-size:10pt;} #top-nav a:hover {background:#acb074;} /* Main CTA */ #keelie-banner {width:960px;height:229px;background:url(http://www.cpanel.net/jobs-site/images/keelie-header.jpg) no-repeat;position:relative;} #germain-banner {width:960px;height:229px;background:url(http://www.cpanel.net/jobs-site/images/germain-header.jpg) no-repeat;position:relative;} #abbott-banner {width:960px;height:229px;background:url(http://www.cpanel.net/jobs-site/images/abbott-header.jpg) no-repeat;position:relative;} #laura-banner {width:960px;height:229px;background:url(http://www.cpanel.net/jobs-site/images/laura-header.jpg) no-repeat;position:relative;} #chris-banner {width:960px;height:229px;background:url(http://www.cpanel.net/jobs-site/images/chris-header.jpg) no-repeat;position:relative;} #kony-banner {width:960px;height:229px;background:url(http://www.cpanel.net/jobs-site/images/kony-header.jpg) no-repeat;position:relative;} #ben-banner {width:960px;height:229px;background:url(http://www.cpanel.net/jobs-site/images/ben-header.jpg) no-repeat;position:relative;} #testimonials-banner {width:960px;height:235px;background:url(http://www.cpanel.net/jobs-site/images/testimonials-header.jpg) no-repeat;position:relative;} #contact-banner {width:960px;height:229px;background:url(http://www.cpanel.net/jobs-site/images/kony-header.jpg) no-repeat;position:relative;} #banner {position:absolute;font-family:Helvetica,sans-serif;color:#000;width:545px;bottom:30px;left:370px;line-height: 16pt; font-size: 11pt;} #subpage-banner {margin-top: 0;width:960px;height:140px;background:url(http://www.cpanel.net/jobs-site/images/sub-header.jpg) no-repeat;position:relative;} #sub-banner h1 {color:#fff;font-size:20pt;font-weight:normal;margin-bottom:0.2em; font-family:rockwell mt light;} #sub-banner p span {font-weight:bold;font-style:italic;} #sub-banner a {float:left; color:black;font-family:rockwell mt light;font-weight:bold;} #subpage-banner-design {margin-top: 0;width:960px;height:140px;background:url(http://www.cpanel.net/jobs-site/images/sub-header-design.jpg) no-repeat;position:relative;} #subpage-banner-tech {margin-top: 0;width:960px;height:140px;background:url(http://www.cpanel.net/jobs-site/images/sub-header-tech.jpg) no-repeat;position:relative;} #subpage-banner-marketing {margin-top: 0;width:960px;height:140px;background:url(http://www.cpanel.net/jobs-site/images/sub-header-marketing.jpg) no-repeat;position:relative;} #subpage-banner-sys {margin-top: 0;width:960px;height:140px;background:url(http://www.cpanel.net/jobs-site/images/sub-header-sys.jpg) no-repeat;position:relative;} #subpage-banner-cust {margin-top: 0;width:960px;height:140px;background:url(http://www.cpanel.net/jobs-site/images/sub-header-cust.jpg) no-repeat;position:relative;} #subpage-banner-qa {margin-top: 0;width:960px;height:140px;background:url(http://www.cpanel.net/jobs-site/images/sub-header-qa.jpg) no-repeat;position:relative;} #subpage-banner-office {margin-top: 0;width:960px;height:140px;background:url(http://www.cpanel.net/jobs-site/images/sub-header-office.jpg) no-repeat;position:relative;} #subpage-banner-human {margin-top: 0;width:960px;height:140px;background:url(http://www.cpanel.net/jobs-site/images/sub-header-human.jpg) no-repeat;position:relative;} #banner h1 {color:#da6700;font-size:26pt;font-weight:normal;margin-bottom:0.2em; font-family:rockwell mt light;} #banner p span {font-weight:bold;font-style:italic;} #banner a {float:left; color:black;font-family:rockwell mt light;font-weight:bold;} #body {float:left;width:100%;} /* Home Page Buckets*/ #home-content-wrap {padding:0px 0px 20px 20px;width:960px;float:left;background:#db6700;} #jobs-content-wrap {padding:0px 30px 20px 30px;width:960px;float:left;background:#fff;} #sub-content-wrap {padding:0px 40px 20px 40px;width:885px;float:left;background:#fff;} #main-content {width:960px;overflow:hidden;} #sub-content {width:960px;overflow:hidden;} #development, #design, #marketing, #cust-service, #sys-admin, #tech-support {float:left;font-family:Arial,Helvetica,sans-serif;width:300px; height:162px;margin: 20px 5px 0px 5px; background:url(http://www.cpanel.net/jobs-site/images/category-bg.png) top left no-repeat;} #view-all {float:right; margin: 10px 40px 0px 0px;} #view-all a {color:#fff;} #main-content p {font-size: 11px; padding: 0px 20px; line-height: 12pt;} #main-content a {font-family:"rockwell mt light"; font-weight:bold;line-height:18pt;} #main-content img {float:left; margin: 12px 10px 0px 15px;} #main-content h2 {font-family:"rockwell mt light";font-size: 18pt;color: #000; padding:0px;line-height:12pt;} #main-content .link-listing {color:orange; margin: 10px 0; font-weight:bold;} #sub-content p {font-size: 11pt; line-height: 16pt; } .imgLeft{float:left; margin: 0px 10px 0px 0px;} #sub-content h2 {font-family:"rockwell mt light";font-size: 20pt;color: #da6700; padding:0px;line-height:14pt;} #sub-content h3 {font-family:"rockwell mt light";font-size: 16pt;margin-bottom: 5px; margin-top: 30px;color: #505050; border-bottom:1px solid #eaeaea;} #sub-content h4 {font-family:"rockwell mt light";font-size: 14pt;margin-bottom: 5px; margin-top: -10px;color: #505050; border-bottom:1px solid #eaeaea;} #sub-content .link-listing {color:orange; margin: 10px 0; font-weight:bold;} #sub-content a {color: #442279; text-decoration: underline; padding:0px;} #sub-content a:hover {color: #442279; text-decoration: none; padding:0px;} #sub-content h1 {color:#da6700;font-size:26pt; font-weight:normal;margin-bottom:0.2em; font-family:"rockwell mt light";} #sub-content ul {} #sub-content li {line-height: 1.75em; font-size: 10pt;} #h1-block {width: 62%; } #h1-block img {float:right;margin-top:-50px;} #sub-content-wrap a:link {color: #2e81a7; text-decoration: underline; padding:0px;} #sub-content-wrap a:hover {color: #2e81a7; text-decoration: none; padding:0px;} #sub-content-wrap a:visited {color: #2e81a7;padding:0px;} #sub-content-wrap a:active {color: #2e81a7;padding:0px;} #sub-content-wrap h2 {margin-bottom: 4px !important;} .dept-box {background: #eaeaea; width: 840px;padding: 20px; margin: 30px 0px 30px 0px; border: 1px solid #ccc;} .dept-box h2 {margin-top:5px;} /* Why We Love it*/ .test-link {position:absolute; right: 20px; margin: 30px 0px; font-family: "rockwell mt light", arial; } .test-link a {color: #000;} .test-link a:hover {color: #333333;} .test-link a:visited {color: #000;} .test-link a:active {color: #000;} #why-we-love-it {position:relative; border-top: 1px solid #ccc; padding:0px;width:959px;float:left;background:#db6700; border-bottom: 5px solid #f28b00; height:150px;} #quote {float:left; width: 213px; height:130px; padding:20px 20px 0px 20px; background:#fff url(http://www.cpanel.net/jobs-site/images/why-bg.jpg) bottom repeat-x; font-family:arial, helvetica, sans-serif;font-size: 8.5pt; line-height: 12pt; color:#333333;} #why {float:left;width:200px; height:150px;background: #fff;} #quote strong {color:#c10000; } /* Orange*/ #orange {height:10px; background:#f28b00;} /* Job Openings Table*/ #job-openings ul {list-style-type: none;width: 860px; margin-left: -30px; } #job-openings li {border-bottom: 0px solid #ccc; padding: 5px 0px 0px 10px; color:#08171f;} #job-openings li a:link { display: block; font-size: 13pt; line-height:2.5em; text-decoration:none; } #job-openings li a {color: #08171f; display: block; font-size: 13pt; line-height:2.5em; text-decoration:none; } #job-openings li a:hover {display: block; font-size: 13pt; line-height:2.5em; text-decoration:none; } #job-openings li a:visited {display: block; font-size: 13pt; line-height:2.5em; text-decoration:none; } #job-openings li a:active {display: block; font-size: 13pt; line-height:2.5em; text-decoration:none; } * html #job-openings li a { /* make hover effect work in IE */width: 800px;text-decoration:none;} #job-openings a span {color: #2e81a7;font: normal 70% Arial, Helvetica, sans-serif; float:right; padding: 12px 15px 0px 0px;text-decoration:none;} #job-openings li.alt {background-color:#efefef;} /* Benefits Boxes*/ #benefits-boxes { margin:20px; padding: 5px 30px 20px 30px; background: #eaeaea; border: 1px solid #ccc;} #benefits-boxes p {color: #000; font-size: 10pt;line-height:12pt;} .small-list ul {} .small-list li {margin-left: -28px; margin-bottom: 10px; color:#333; font-size: 10pt !important; line-height: 16pt!important;} .small-list li strong {color: #000;} .small-list a {color: #442279; text-decoration: underline; padding:0px;} .small-list a:hover {color: #442279; text-decoration: none; padding:0px;} /* Departments */ .dept-icon {float:left; width: 70px; margin: 5px 30px 10px 0px; border: 2px solid #eaeaea; padding: 10px;} /* Job Description Boxes*/ .job-info {font-style:italic;color:#444444;} #job-intro {float:left; width:800px; background:#eeeeee; padding:10px 0px 20px 30px; border:1px solid #ccc; margin:20px;} #job-intro ul {list-style:none; } #jobs-boxes {width:880px; float:left; padding: 0px; margin:0px;} .small-list-left {width:370px;float:left; background:#eaeaea; border:1px solid #ccc; list-style:none; padding: 30px; font-size: 9pt; line-height:18pt; background: url(images/table-bg.jpg) bottom;} .small-list-left a {color: #442279; text-decoration: underline; padding:0px;} .small-list-left a:hover {color: #442279; text-decoration: none; padding:0px;} .small-list-right {width:370px;float:right; background:#eaeaea; border:1px solid #ccc; list-style:none; padding: 30px; font-size: 9pt; line-height:18pt; background: url(images/table-bg.jpg) bottom;} .small-list-right a {color: #442279; text-decoration: underline; padding:0px;} .small-list-right a:hover {color: #442279; text-decoration: none; padding:0px;} .small-list-right h3 {list-style:none; margin: 0px; font-size: 18pt; font-family:"rockwell mt light"; color:#db6700; padding-bottom:20px;} .small-list-right li h3 {margin-left:-10px;} .small-list-left h3 {list-style:none; margin: 0px; font-size: 18pt; font-family:"rockwell mt light"; color:#db6700; padding-bottom:20px;} .small-list-left li h3 {margin-left:-10px;} /* Testimonials Boxes*/ #testimonials-left {float:left; width: 420px;margin:0px 40px 0px 0px;} #testimonials-right { float:left; width: 420px;} blockquote { width: 340px; margin-bottom: 10px; padding:0px; color: #000; font-size: 9pt; background: url(http://www.cpanel.net/jobs-site/images/quoleft.png) left top no-repeat;} blockquote div { padding:0px 30px 0px 36px; line-height:16pt; font-size: 10pt; background: transparent url(http://www.cpanel.net/jobs-site/images/quoright.png) right bottom no-repeat;} .box-bg {padding:5px;margin: 0px 0px 20px 0px; background: #ffffff url(http://www.cpanel.net/jobs-site/images/testimonials-bg.jpg) bottom left repeat-x; border:1px solid #d2d2d2;} /* iFrame*/ #frame {float:right; margin: 0px 80px 20px 0px;} #frame a {font-weight:bold; margin: 10px 0px 0px 0px;} /* Photo Gallery & Icons*/ .icon-left {float:left; margin:15px 10px 0px 0px;} #culture-box {background: #eaeaea; width: 550px;padding: 20px; margin: 0px 0px 20px 0px; border: 1px solid #ccc;} #culture-box h3 {margin-top:5px;} #photo-gallery {float:right; width:280px; margin: 20px 0px 0px 40px; background:#eaeaea; border:1px solid #ccc;} #photo-gallery .gallery {height: 380px;} #photo-gallery h3 {margin-left: 20px;} #photo-gallery ul {list-style:none; width:236px; margin-left:-17px;} #photo-gallery li {float: left; } #photo-gallery a img {display: block; border:4px solid #db6700;margin: 5px;} #photo-gallery a:hover img { float: left; display: block; border:4px solid #ccc;} /* What is cPanel */ .small {font-size: 8pt; font-style:italic; color: #a3a3a3;} #learn-more-box {float:right; width: 360px;padding: 20px; margin: 20px 0px 20px 40px; border: 1px solid #ccc; background: #eaeaea;color:#333;} #learn-more-box h3 {margin-top:0px;} #learn-more-box h4 {margin-bottom:5px;} #learn-more-box a {font-size: 10pt; line-height: 12pt;} #learn-more-box p {margin-top: 5px; font-size: 10pt; margin-bottom:20px;} #learn-more-box ul {margin-left: -40px; font-size: 10pt; margin-top: 0px; margin-bottom:20px;} #learn-more-box li {list-style:none; line-height: 16pt;} #learn-more-box .btn span { display:inline-block; width:auto !important; background:url(http://www.cpanel.net/jobs-site/images/btnleft.gif) no-repeat; height:24px; margin-right:18px; padding-left:15px; padding-right:10px; } #learn-more-box p a.btn, #learn-more-box a.btn { background:url(http://www.cpanel.net/jobs-site/images/btnright.gif) no-repeat right; height:24px; display:inline-block; color:#fff; text-decoration:none; line-height:24px; border:none; } /* Social Media List*/ #social-media-list{margin-left:-40px;} #social-media-list li { list-style: none; line-height:24pt; display:block; } #social-media-list img {width: 12px;} #social-media-list .facebook a {color: #36518b; font-size: 14pt;} #social-media-list .twitter a {color: #2facd6; font-size: 14pt;} #social-media-list .rss a {color: #df6f00; font-size: 14pt;} #social-media-list .linkedin a {color: #0b86b6; font-size: 14pt;} #social-media-list .flickr a {color: #bf2274; font-size: 14pt;} #social-media-list .youtube a {color: #c9262a; font-size: 14pt;} #social-media-list li a { text-decoration: none; } #social-media-list li a:hover {background:#eaeaea;} /* Footer*/ #footer { background: transparent url() no-repeat 0 0; text-align: center; float:left;width:100%; margin:0 0 1em; padding-bottom:20px; } #footer ul li { display: inline; } #footer ul li a { color: #999; font-size: 11px; margin: 0 5px; text-decoration: none; } #footer p { color: #999; font-size: 11px; margin: 10px 0; } .sm_icons a {margin:10px; } /* Styles for Example #2 */ #example2{margin:0;padding:0; width:820px;list-style-type:none; background-color:#fff; color:#000000;height: 610px; text-decoration:none;} #example2 a{ display:block; font-weight:normal; text-decoration:none; font-size: 14pt;} #example2 ul{ overflow: hidden; margin:0; padding:0px;} #example2 li{ margin:0; padding:0px; list-style-type:none;} #example2 li a{ width:800px; display:block; padding-top:9px !important; padding-left: 20px!important; color:#333333; height: 35px; text-decoration:none;} #example2 li .job a{ font-size:10pt!important; background:#fff; padding-left: 0px!important; color:#333333; text-decoration:none;} #example2 li a.closed{ color:#333333 !important; background-image:url(http://www.cpanel.net/jobs-site/images/ha-header.jpg) !important; height: 35px; text-decoration:none;} #example2 li.firstitem a.closed{ color:#333333 !important; background-image:url(http://www.cpanel.net/jobs-site/images/ha-header-first.jpg) !important; height: 35px; text-decoration:none;} #example2 li.lastitem a.closed{ color:#000000 !important; background-image:url(http://www.cpanel.net/jobs-site/images/ha-header-last.jpg) !important; height: 35px; text-decoration:none;} #example2 li li{ border-left:0px solid #E5E5E5; border-right:0px solid #E5E5E5; padding:0 15px 0 15px; height:50px;} #example2 li a.opened{ background-image:url(http://www.cpanel.net/jobs-site/images/ha-header-active.jpg); color:#FFFFFF; text-decoration:none;} #example2 li.firstitem a.opened{ background-image:url(http://www.cpanel.net/jobs-site/images/ha-header-first-active.jpg); color:#000; text-decoration:none;} #example2 li.lastitem li{ margin-bottom:-4px;} #example2 li.lastitem ul{ background-image:url(http://www.cpanel.net/jobs-site/images/ha-footer.); background-repeat:repeat; background-position:bottom; padding-bottom:4px;}