html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-weight: normal;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
html { background: url(/images/grid_bg.png) 0 0 repeat;}
body {font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #333333; padding: 0 0 30px 0;}
strong {font-weight: bold;}
a:focus {outline: none;}
a {color: #aa1d1d;}
a:hover { color: #ff0000; }
.last {margin-right: 0!important;}
.legal {font-size: 10px!important; color: #666; }
.clear { clear: both;}
embed:focus {outline: none;}
#wrapper {width: 940px; margin: -1px auto 0 auto; padding: 0 10px 30px 10px; background: #ffffff; border: 1px solid #cccccc; -moz-box-shadow: 0 0 20px 0 #cccccc; box-shadow: 0 0 20px 0 #cccccc; }
#header {margin: 0 0 30px 0;}
#header_logo {float: left; margin: 20px 0 10px 20px; }
.hr { clear: both; margin: 0; height: 10px; background: #333333 url(/images/pixel_gray_bg.png) top left no-repeat; }
#content {width: 520px; float: left; margin: 0 50px; font-size: 13px; line-height: 20px; font-weight: 300;}
#content h1, #right_column h3 {font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 300; color: #ffffff; margin: 0 0 30px 0; background: #333333 url(/images/pixel_gray_bg.png) 0 -19px no-repeat; padding: 15px 0 15px 20px; text-shadow: 0 1px 1px #555555;}
#content h2, #right_column h2 {font-family: Helvetica, Arial, sans-serif; font-size: 19px; padding: 5px 5px 10px 20px; border-bottom: 1px solid #cccccc; line-height: 22px; margin: 0 0 20px 0;}
#right_column h3 {margin: 0 0 20px 0;}
#content p {margin: 0 0 20px 0; padding: 0 20px; font-weight: 300;}
.content_image { margin: 0 0 15px 0;}
.video {margin: 30px 0;}
.pull_quote_l, .pull_quote {padding: 20px 20px 20px 0; float: left;}
.pull_quote_r { padding: 20px 0 20px 20px; float: right;}
#right_column { float: left; width: 260px;}
#media_contact p, #locations p { margin: 0 0 20px; padding: 0 0 0 20px; line-height: 19px; font-weight: 300;}
#locations {margin: 0px 0 40px 0;}
/*#locations h2 {margin: 25px 0 6px 0!important;}*/
#right_column video {margin: 0px 0 40px 0;}
#job_fair {position: relative; display: block; height: 200px; background: url(/images/job_fair.png) 0 0 no-repeat; margin: 0 0 40px 0; text-decoration: none;}
.job_fair {position: relative; display: block; height: 120px; background: url(/images/job_fair.png) 0 0 no-repeat; margin: 0 0 40px 0; text-decoration: none;}
#awards { margin: 0 0 40px 0;}
#awards object {display: block; width: 129px; margin: 0 auto;}
#featured_profile {display: block; text-decoration: none; color: #333333; text-align: center;}
#featured_profile:hover {color: #AA1D1D;}
#featured_profile:hover img {opacity: 0.7;}
#featured_profile img {width: 92px; padding: 0 0 10px 0;}
#featured_profile h3 {text-align: left;}
#featured_profile a {font-family: Helvetica, Arial, sans-serif; display: block; text-decoration: none; font-size: 18px; line-height: 20px; margin: 0;}
#featured_profile a span {font-size: 15px;}
#footer {clear: both; padding: 60px 0 0; }
#address { float: right; font-size: 12px; text-align: right; margin: 0 30px 0 0; padding-top: 30px;line-height: 15px; }
#social { float: left; margin: 0 0 0 30px; }
#social li { float: left; margin-right: 10px;}
#social a { display: block; padding-top: 30px;}
#twitter-follow { padding-top: 40px;}
.list { padding: 0 0 0 50px; margin: 25px 0 0;}
.list li {margin-bottom: 12px; line-height: 18px; list-style: disc; font-weight: 300;}
/* Menus and global links */
.dropdown {position: relative; float: right; margin: 30px 10px 0 0; z-index: 999; }
.dropdown li {position: relative; float: left; display: inline;}
.dropdown a { display: block; font-weight: 300; text-decoration: none; text-align: right; color: #333333; width: 147px; font-size: 16px; margin: 0 0 0 5px; padding: 5px 5px 5px 0; }
.dropdown ul { visibility: hidden; z-index: 9999; position: absolute; left: -14px; top: 26px; background: url(/images/dropdown_bg.png) top right no-repeat; padding: 11px 20px 0 0; }
.dropdown ul li {float: none; display: block; background: #ffffff; }
.dropdown ul li a {font-size: 13px; line-height: 17px; background: #ffffff; -moz-box-shadow: 2px 6px 7px 0 rgba(0, 0, 0, 0.4); box-shadow: 2px 6px 7px 0 rgba(0, 0, 0, 0.4); margin: 0; text-align: left; padding: 8px 0 8px 5px;}
.dropdown .hover > a {background: url(/images/pixel_gray_bg.png) top left no-repeat #333333; color: #ffffff;}
.dropdown li:hover ul {visibility: visible;}
.dropdown li a:hover {color: #ffffff; background: #333333;}
#footer_nav, #subnav { float: none; background: #333333 url(/images/pixel_gray_bg.png) 0 0 no-repeat; height: 40px; margin: 0 0 30px 0; padding: 0 20px 0 0;}
#subnav {clear: both;}
#footer_nav li, #subnav li { display: inline;}
#footer_nav a, #subnav a {display: block; float: right; text-decoration: none; color: #ffffff; font-size: 12px; line-height: 40px; margin: 0 0 0 30px; padding: 0 5px;}
#footer_nav a:hover, #subnav a:hover {background: url(/images/button_bg.png) bottom left no-repeat #6b140f; color: #ffffff;}
.box_link {position: absolute; bottom:5px; right: 5px; font-size: 15px; font-weight: 300; display: block; color: #ffffff; background: #333333; padding: 6px; text-decoration: none;}
.video-title .box_link {background: #AA1D1D;}
.box_link:hover, #job_fair:hover span, .job_fair:hover span, .video-title:hover span {color: #ffffff; background: #333333 url(/images/gray_arrow.png) center right no-repeat; cursor: pointer;}
.demand_list {width: 250px; float: left; margin: 0 20px 0 0; }
.demand_list ul {padding: 0 0 0 20px; margin: 0 0 30px 0;}
.demand_list li {margin-bottom: 8px; line-height: 19px; font-weight: 300;}
/* PAGES WITH NO HR */
#landing_page #header, #careers_page #header, #media_page #header, #insights_page #header, #living_in_charlotte #header {margin: 0;}
#landing_page .hr, #careers_page .hr, #media_page .hr, #insights_page .hr, #living_in_charlotte .hr {display: none;}
/* careers pages */
.split_arrows { display: block; margin: -20px auto 10px auto; }
.career_link, .positions_link, .process_link {display: block; width: 210px; background: url(/images/button_bg.png) bottom left no-repeat #6b140f; font-size: 20px; color: #ffffff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); text-align: center; padding: 20px 25px 20px 15px; text-decoration: none; }
.career_link:hover, .positions_link:hover, .process_link:hover {background: #333333; color: #ffffff; }
.career_link {float: left; margin: 0 20px 0 0;}
.positions_link {display: block; margin: 0 auto 30px auto; clear: both;}
.process_link {display: block; margin: 0 auto 30px auto; clear: both; padding: 5px; width: 285px; height: 100px;}
.process_link img {float: left; padding: 0 10px 0 0;}
.process_link span {display: block; padding: 30px 5px 0 0;}
#careers_lp #content {width: 840px; margin: 0 0 0 50px;}
#careers_lp .career_box {float: right; width: 320px; padding: 0 0 0 30px; }
#careers_lp .career_box p {margin: 10px 0 20px;}
#careers_lp .career_box .positions_link {margin: 0 auto 10px auto; width: 240px;}
#job_categories { margin: 20px 0 0;}
#job_categories li { display: inline;}
#job_categories a { padding: 18px 15px 0; margin: 0 20px 20px 0; width: 130px; font-size: 15px; text-align: center; height: 52px; line-height: 18px; display: block; float: left; background: #cccccc; color: #333333; text-decoration: none; }
#job_categories a:hover {background: url(/images/button_bg.png) bottom left no-repeat #6b140f; color: #ffffff;}
#job_categories a.single_line {line-height: 36px;}
#living_in_charlotte #content img {float: right; padding: 15px 0 15px 15px;}
.event_box {position: relative; padding: 20px; color: #ffffff; background: url(/images/button_bg.png) 0 0 no-repeat #6b140f; margin: 10px 0 30px;}
#content .event_box h1 {margin: 0 0 15px; }
#content .event_box p { margin: 10px 0 0;}
/* Taleo Job posting pages */
#taleo #content {width: 840px; margin: 0 0 0 50px; line-height: 19px;}
#taleo td.nowrapFormLabel {text-align: left; line-height: 150%;}
.taleo_button {background: url("/images/button_bg.png") no-repeat scroll left bottom #6B140F!important; color: #FFFFFF; font-size: 14px!important; padding: 10px!important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); border: none!important; font-weight: normal; }
.input_hov {background: #333333!important; cursor: pointer;}
/* profile & leadership pages */
#profiles_page #content {width: 840px; margin: 0 0 0 50px; height: 769px;}
#profiles_page #content p {width: 272px; padding: 0 20px; float: left;}
#profiles_page .sml_profile img {width: 84px;}
.profile_pic {float: left; padding: 0 30px 5px 0;}
.sml_profile {display: none; background: #333333; color: #ffffff; float: left; margin: 0 10px 20px; padding: 0 0 4px 0; text-align: center; font-size: 13px; line-height: 14px; text-decoration: none; color: #ffffff!important;}
.sml_profile:hover {background: #cccccc; color: #333333!important;}
.sml_profile img {width: 65px; display: block; padding: 0 0 4px 0;}
.sml_profile span {display: block; font-size: 11px; color: #ddd;}
.sml_profile:hover span {color: #333333!important;}
#leadership_page #content {width: 840px; height:926px; margin: 0 0 0 50px;}
#leadership_page #content p {width: 460px; padding: 0 20px; float: left;}
#leadership_page .sml_profile { margin: 0 17px 32px;}
#leadership_page .sml_profile img {width: 130px;}
#leaders {clear: both;}
#leadership_page #leaders .sml_profile { margin: 0 17px 32px;}
#leadership_page #leaders .sml_profile img {width: 84px;}
#leadership_page #leaders h2 {margin: 0 0 30px;}
/* Q and A pages */
.faq { color: #333333; font-size: 18px; margin: 0 0 25px;}
.faq li {}
.faq dt {font-family: Helvetica, Arial, sans-serif; margin: 40px 0 0; font-size: 18px; line-height: 22px; padding: 5px 5px 5px 20px; border-bottom: 1px solid #cccccc; }
.faq dd {line-height: 19px; margin: 20px 0 0 20px; font-size: 13px; font-weight: 300;}
.faq p {padding-left: 0 !important ;}
.faq dd img {float: left; padding: 0 5px 0 0;}
.faq dd ol {}
.faq dd ol li {margin: 10px 0 0;}
.faq dt span {font-size: 11px; color:#AA1D1D; padding: 0 0 0 5px; vertical-align: middle; white-space: nowrap; }
.faq dt:hover {cursor: pointer; color: #777}
.faq dt span:hover {color: #ff0000; cursor: pointer;}
/* Press release pages */
#media_page .presslist {padding: 25px 0 0 0;}
#media_page .presslist li { font-size: 11px; color: #aaa; list-style: none outside none; margin-bottom: 18px; }
#media_page .presslist li a {font-size: 14px;}
/* Contact Us page */
#contact_us .map {display: block; margin: 0 auto 25px auto;}
#contact_us h2 {margin: 0 0 20px 0;}
/* LANDING PAGE GRID STYLES */
#landing_page #content {width: 940px; float: none; margin: 0; clear: both;}
#landing_page #footer {padding: 20px 0 0;}
#landing_grid {width: 940px; height: 562px; position: relative; }
.grid_cell {position: absolute; width: 940px; height: 562px; top: 0px; left: 0px; overflow: hidden; }
.grid_cell a {display: none; text-decoration: none; width: 100%; height: 100%; overflow: hidden;}
#landing_page .grid_cell a span {position: absolute; bottom:5px; right: 5px; font-size: 15px; font-weight: 300; display: block; color: #ffffff; background: #AA1D1D; padding: 6px; text-decoration: none;}
#landing_page .grid_cell a:hover span {color: #ffffff; background: #333333 url(/images/gray_arrow.png) center right no-repeat; cursor: pointer;}
//.grid_cell div:hover {opacity: 0.7;}
#cell_1 {background: #849eb8; border: 10px solid #ffffff; border-top: 0; border-left: 0;}
#landing_page #cell_1 a {width: 640px; height: 320px; background: none; position: absolute; top: 0; left: 0; z-index: 99;}
#landing_page #cell_1 a span {bottom: 54px; right: 10px;}
#cell_1 div {display: none; background: #ffffff;}
#cell_2 {background: #8e2020; left: auto; right: 0px; }
#cell_2 a {background: url(/images/cell_2_bg.jpg) 0 0 no-repeat;}
#cell_3 {background: #434343; top: 160px; height: 402px; left: auto; right: 0px;}
#cell_3 a {background: url(/images/cell_3_bg.jpg) 0 0 no-repeat;}
#cell_4 {background: #cccccc; top: 320px; height: 242px;}
#cell_4 a {background: url(/images/cell_4_bg.jpg) 0 0 no-repeat;}
#cell_5 {background: #979a9e; top: 320px; height: 242px;}
#cell_5 a {background: url(/images/cell_5_bg.jpg) 0 0 no-repeat;}
#cell_6 {background: #434343; width: 490px; left: 450px; top: 320px; height: 242px;}
#cell_6 a {background: url(/images/cell_6_bg.jpg) 0 0 no-repeat;}
/* #cell_6 a {background: url(/images/job_fair_miramar.png) 0 0 no-repeat;} */
#cell_7 {background: #8e2020; width: 490px; left: 450px; top: 320px; height: 242px;}
#cell_7 a {background: url(/images/cell_7_bg.jpg) 0 0 no-repeat;}
/* #cell_7 a {background: url(/images/job_fair_fortmill.png) 0 0 no-repeat;} */
#cell_8 {background: #ffffff; width: 260px; height: 242px; top: 320px; left: 680px;}
/* #cell_8 a {background: url(/images/cell_8_bg.jpg) 0 0 no-repeat;} */
#cell_8 a {background: url(/images/get_hired.png) 0 0 no-repeat;}
.grid_cell p {padding: 10px; text-align: justify; line-height: 14px;}
/* Infographic our process STYLES */
#our-process #content {width: 840px; height: 520px; margin: 0 0 0 50px; position: relative;}
#infographic {position: relative; height: 438px; width: 840px;}
#infographic div {position: absolute; height: 438px; width: 840px; background-position: right top; background-repeat: no-repeat;}
#infographic div p {background: #ffffff; font-size: 13px; font-weight: 300; line-height: 19px; width: 210px; display: block; margin: 0; padding: 0 0 0 20px; }
#infographic div p strong {display: block; padding: 0 0 5px;}
#infographic div p a { font-size: 10px;}
.infog_desc_1 { background-image: url(/images/infographic/infog_step_1.png);}
.infog_desc_2 { background-image: url(/images/infographic/infog_step_2.jpg);}
.infog_desc_3 { background-image: url(/images/infographic/infog_step_3.jpg);}
.infog_desc_4 { background-image: url(/images/infographic/infog_step_4.jpg);}
.infog_desc_5 { background-image: url(/images/infographic/infog_step_5.png);}
.infog_desc_6 { background-image: url(/images/infographic/infog_step_6.png);}
#infographic .prev, #infographic .next {font-size: 12px; line-height: 18px; margin: 0 10px 0 0; color: #ffffff; display: block; float: left; background: #333333; padding: 4px 7px; text-decoration: none;}
#infographic a:hover {background: #cccccc; color: #333333;}
/* TABS */
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%;}
ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 1px solid #999; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background: #cccccc; }
ul.tabs li a { text-decoration: none; color: #333!important; display: block; font-size: 14px; padding: 0 10px; outline: none; }
ul.tabs li a:hover { background: #333; color: #fff!important; }
html ul.tabs li.active, html ul.tabs li.active a:hover { background: #fff; border-bottom: 1px solid #fff; color: #333!important; }
.tab_container { border: 1px solid #999; position: relative; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: #fff; }
.tab_content { padding: 20px; font-size: 14px; }
.tab_content li { font-size: 14px; list-style: none outside none; margin-bottom: 6px; }
.tab-job-link {position: absolute; bottom:5px; right: 5px; font-size: 15px; font-weight: 300; display: block; color: #ffffff; background: #AA1D1D; padding: 6px; text-decoration: none;}
.tab-job-link:hover {color: #ffffff; background: #333333 url(/images/gray_arrow.png) center right no-repeat; cursor: pointer; padding-right: 15px;}
/* Events Gallery */
#rv-events #content { width: 840px; margin: 0 0 0 50px; position: relative;}
.clear { clear:both; }
.photo-link { padding:3px; margin:5px; border:1px solid #ccc; display:block; width:190px; float:left; }
.photo-link:hover { border-color:#999; }
/* REMOVE BEFORE LAUNCH */
#cell_1:hover {cursor: pointer;}
/********************************************************************************
CLEARING ELEMENTS THAT CONTAIN FLOATED ELEMENTS
********************************************************************************/
/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */