﻿/**************************************Careers Specific***************************************/
.careerswhiteBg #navBreadcrumb{ padding-top: 5px;padding-bottom: 5px;}
.careerswhiteBg p{ margin: .5em 0;}
.careerswhiteBg .carouselBg.sub{ background-color: #d0dfeb;height: 142px;}
.careersWrapper h1{ border: 0 none; color: #222; font-style: normal; font-size: 22px; padding-bottom: 0;}
.careersWrapper h2{ font-style: normal; font-size: 18px; color: #333; font-weight: normal; margin-bottom: 0;}
.careersWrapper ul{ list-style: none;}
.careersWrapper li{ list-style: none; margin: 0;}
#divJobFamilies.col-md-3 { padding-left: 0;}
#divJobFamilies li{ padding: 10px 0; border-bottom: 1px solid #ccc; margin-left: 1em;}
#divJobFamilies li a{ text-transform: uppercase; color: #093c71; font-weight: 600;}
#divJobFamilies li a.active{ color: #6ba529;}
.CareersMenuBar{ background-color: #093c71; margin-top: 30px; }
.CareersMenuBar ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.CareersMenuBar li {
    list-style: none outside none;
    padding: 15px 0 10px;
font-size: 15px;
font-weight: bold;
width: 33%;
float: left;
    margin: 0;
text-align: center;
}
.CareersMenuBar li.active {background-color: #73a048;}

.CareersMenuBar li a {color: #ffffff; text-transform: uppercase;}
.w100{ width: 100%;}
.testimonial-container{ height: 170px; border-bottom: 1px dashed #999;margin-bottom: 20px;}
.last-child .testimonial-container{ margin-bottom: 0;}
.testimonial-container,
.testimonial-container .col-md-5{ padding: 0;}
.testimonial-container .testimonialImg{  border: 1px solid #c7d6e1;border-radius: 50%;width: 160px;height: 160px;}
.testimonial-container .testimonialText{ min-height: 150px; }
.testimonial-container.even .testimonialText{border-right: 1px dashed #999; }
.testimonialText p{font-size: 13px;color:#003366}
.testimonialText p span{ font-size: 18px; line-height: 18px;}
.empName,.empTitle{ display: block; }
.empName{ font-weight:bold; }
.empTitle{ font-style:italic; }
.playIcon{position: absolute;bottom: 4%;left: 45%;}
.empTalk .imgFull{float: left; margin-right: 20px; max-width: 220px; padding: 6px;}
/****expand-collapse****/
.careerswhiteBg #navMain li ul{ border: 1px solid #ccc; border-top: 0 none;}
.expand {background:transparent url('/_res/img/careers_arrow_left.png') no-repeat 5px 12px ; color: #669933; margin-top: 0;margin-bottom: -1px;padding: 10px 6px 8px 22px;clear:both; border-bottom: 1px solid #ccc;border-top: 1px solid #ccc}
.green{background:transparent url('/_res/img/careers_arrow_left_down.png') no-repeat 5px 12px ;}
.expand >a{color: #669933;font-size: 16px;}
.cont { }
.collapse {float: left;width:100%;}
.collapse .tn{float: left;width:278px;padding:5px;height: 210px;margin-right: 80px;}
.collapse .pc{float: left;width:100%;padding:5px;}
.collapse .pc .ob {float: right;}
.collapse .pc .title {float: left; width: 60%;}
.collapse .tn label { font-weight: normal; padding: 7px 0;}
.switch {text-align: right; margin: 0 !important;}
.post .switch {position:static; text-align: right;}

.testJF .col-md-8.testimonialText{ padding-bottom: 10px;}
.testJF .col-md-4{ padding-right: 0;}
.testJF .testimonialImg{ width: 100%;}
.jfList a{ font-weight: bold;}
.jfList li{ list-style: inside url('../img/careers/green-square.png')}
.JobsUl li a{ color: #093c71; font-weight: bold;}
.tul,.tulOther{ float: left; width: 100%;}
.pl20{ padding-left: 20px;}
.col-md-12.co {
    padding: 0;
}
.careersWrapper .joText { width: 100%; padding: 10px 10px 0 0; float: left;}
.careersWrapper .joText li{list-style: inside disc;}
   .tul ul{ margin-bottom: 0;} 
/************************************** Careers Carousel ***************************************/
.carousel-inner h1{ display: none;}
.carousel-control.left, .carousel-control.right{background: none transparent; top: 35%;}
.carousel-control.left{ left: 25.5%;}
.carousel-control.right {left: 91%;}
.carouselHomeBg{ background-color: #eaeaea;height:252px;}
.carouselBg{ background-color: #093c71;height:252px; overflow: hidden;}
.carouselBg.sub{ height: 136px;background-color:#ccc;}
.carouselBg.sub .container{background: no-repeat 0 0 transparent; height: 136px;}
.carousel-caption{background:url('../img/careers/carousel-bg.jpg') repeat-x 0 0 #093c71;
    bottom: 0;
    color: #ffffff;
    float: left;
    height: 290px;
    padding-bottom: 20px;
    position: absolute; width: 350px;
    z-index: 10; left: 0; right: 0;
}
.carouselBg .btn-primary {background: none; border: 0 none;}
.carouselBg .item img { margin-left: 350px;}
.carousel-indicators {left: 54%;text-align: left; bottom: 25px;}
.carousel-indicators .active {background-color: #008000;}

.carousel-fade .carousel-inner .item {opacity: 0;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
      left: 0;
      opacity: 0;
      z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control {z-index: 2;}
.carouselBg .btn-primary {padding: 15px 5px 0;font-size: 20px;}

.carousel .carousel-caption p,
.carousel .carousel-caption p.text {
    position: absolute;
    float: right; 
    text-align: right;
    width: 100%;
    padding-right: 15px;
}
.carousel .carousel-caption p{top: 25%;}
.carousel .carousel-caption p.text {top: 40%; font-size: 16px;padding: 0 20px;}
.carousel-fade .carousel-indicators{ display: inline !important;}
/************************************************************************************/
table.dataTable.no-footer,
table.dataTable thead th,
table.dataTable thead td  {
    border-bottom: 1px solid #999;
}
.dataTables_wrapper .dataTables_filter input{ border: 1px solid #999; padding: 2px;}
table.dataTable thead th, table.dataTable thead td{ padding: 10px;}