body{margin-top:10px;}
form{margin-bottom:10px;}
.btn-file{position:relative;overflow:hidden;}
.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:none;background:white;cursor:inherit;display:block;}
.front-success{COLOR:#fff;TEXT-DECORATION:none;display:inline;}
.frontblock{color:#fff;FONT-FAMILY:arial;FONT-SIZE:10pt;FONT-WEIGHT:normal;TEXT-DECORATION:none;display:inline;}
.search_title{color:#fff;FONT-FAMILY:arial;FONT-SIZE:14pt;FONT-WEIGHT:normal;TEXT-DECORATION:none;display:inline;}
.job_title{font-family:inherit;FONT-SIZE:23pt;font-weight:500;line-height:1.1;color:inherit}
.site-title{display:inline;}
.site-title-text{display:none;}
.btn-gray{color:#333;background-color:#ddd;border-color:#999;}
#header{border-color:#fff;border-bottom:0;margin-bottom:10px;}
#logo{padding-top:0;padding-bottom:0;height:60px;width:300px;}
.navbar-default{background-color:#fff;}
#logo>img{margin-top:15px;max-width:100%;max-height:100%;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color:#51a0f5;}
.dropdown:hover .dropdown-menu{display:block;}
#menu{background:rgba(32,124,229,1);background:-moz-linear-gradient(top, rgba(32,124,229,1) 0%, rgba(32,124,229,1) 16%, rgba(12,83,150,1) 85%, rgba(12,83,150,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,124,229,1)), color-stop(16%, rgba(32,124,229,1)), color-stop(85%, rgba(12,83,150,1)), color-stop(100%, rgba(12,83,150,1)));background:-webkit-linear-gradient(top, rgba(32,124,229,1) 0%, rgba(32,124,229,1) 16%, rgba(12,83,150,1) 85%, rgba(12,83,150,1) 100%);background:-o-linear-gradient(top, rgba(32,124,229,1) 0%, rgba(32,124,229,1) 16%, rgba(12,83,150,1) 85%, rgba(12,83,150,1) 100%);background:-ms-linear-gradient(top, rgba(32,124,229,1) 0%, rgba(32,124,229,1) 16%, rgba(12,83,150,1) 85%, rgba(12,83,150,1) 100%);background:linear-gradient(to bottom, rgba(32,124,229,1) 0%, rgba(32,124,229,1) 16%, rgba(12,83,150,1) 85%, rgba(12,83,150,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#207ce5', endColorstr='#0c5396', GradientType=0);}
.top_link{color:#fff!important;}
.toggle-blue:hover, .toggle-blue:active, .toggle-blue:focus{background-color:initial!important;}
#sign_up_top{padding-top:11px;}
@media screen and (max-width:767px){.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#222!important;background-color:#51a0f5;}
.navbar-nav>.open .dropdown-menu{background-color:#51a0f5;}
.navbar-nav>.open .dropdown-menu>li>a{color:#222!important;}
.navbar-nav .dropdown:hover .dropdown-menu>li>a{color:#222!important;}
}
#select-front{margin-top:60px;margin-bottom:60px;}
#topTags>a, #topTags{color:#337ab7!important;text-decoration:none;text-indent:-999px;margin:0!important;padding:0!important;}
#image-front>#jssor_1{}
#jssor_1{margin:0 auto;top:0px;left:0px;margin-left:-15px;position:relative;width:268px;height:248px;overflow:hidden;visibility:hidden;}
#banner-panel{background:rgba(255,255,255,1);background:-moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 87%, rgba(245,245,245,1) 93%, rgba(235,235,235,1) 97%, rgba(227,227,227,1) 100%);background:-webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(87%, rgba(255,255,255,1)), color-stop(93%, rgba(245,245,245,1)), color-stop(97%, rgba(235,235,235,1)), color-stop(100%, rgba(227,227,227,1)));background:-webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 87%, rgba(245,245,245,1) 93%, rgba(235,235,235,1) 97%, rgba(227,227,227,1) 100%);background:-o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 87%, rgba(245,245,245,1) 93%, rgba(235,235,235,1) 97%, rgba(227,227,227,1) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 87%, rgba(245,245,245,1) 93%, rgba(235,235,235,1) 97%, rgba(227,227,227,1) 100%);background:linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 87%, rgba(245,245,245,1) 93%, rgba(235,235,235,1) 97%, rgba(227,227,227,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=1);}
#button-search{margin-top:23px;}
.panel-body>.list-group>.list-group-item:nth-of-type(odd){background-color:#f9f9f9;}
#footer{padding-top:15px;padding-bottom:15px;margin-bottom:-25px;margin-top:20px;color:rgb(220, 220, 220);background-color:rgb(102, 102, 102);}
#footer a{color:#002DE3;}
#footer-links>a{color:rgb(220, 220, 220);}
@font-face{font-family:'entypo';src:url('../fonts/entypo2.eot');src:url('../fonts/entypo2.eot?#iefix') format('embedded-opentype'),
url('../fonts/entypo2.ttf') format('truetype'),
url('../fonts/entypo2.woff') format('woff'),
url('../fonts/entypo2.svg#entypo') format('svg');font-weight:normal;font-style:normal;}
[class^="icon-"], [class*=" icon-"]{font-family:'entypo';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-mail:before{content:"\e62e";}
.icon-rss:before{content:"\e686";}
.icon-pinterest:before{content:"\e6fe";}
.icon-pinterest2:before{content:"\e6ff";}
.icon-tumblr:before{content:"\e700";}
.icon-tumblr2:before{content:"\e701";}
.icon-linkedin:before{content:"\e702";}
.icon-linkedin2:before{content:"\e703";}
.icon-googleplus:before{content:"\e6fc";}
.icon-googleplus2:before{content:"\e6fd";}
.icon-twitter:before{content:"\e6f7";}
.icon-twitter2:before{content:"\e6f8";}
.icon-facebook:before{content:"\e6f9";}
.icon-facebook2:before{content:"\e6fa";}
.icon-facebook3:before{content:"\e6fb";}
.icon-instagram:before{content:"\e699";}
.form-control-feedback{right:15px!important;}
.has-success .control-label{color:#333;}
.con-social{text-align:center;overflow:hidden;font-family:'entypo';margin-bottom:20px;}
.social{clear:both;}
.social i{margin:10px;cursor:pointer;display:inline-block;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-webkit-transition:all 0.15s ease;transition:all 0.15s ease;}
.social:first-child{background:transparent;}
.social:first-child i{color:rgb(102, 102, 102);border:2px solid #DEDEDE;border-radius:50%;padding:1em;position:relative;background:transparent;background-color:#DEDEDE;}
.social:first-child i:hover{background:rgb(102, 102, 102);color:white;top:-2px;text-decoration:none;}
.social:first-child i:not(:first-child){margin-left:1em;}
.jumbotron{position:relative;background-color:#fff;}
.photos{background:#000;position:absolute;z-index:0;height:400px;margin-top:-48px;width:100%}
.photos ul{list-style:none;position:absolute;left:0;top:0;width:100%;padding-left:0;}
.photos ul li{float:left;width:20%;height:400px;background:no-repeat center center;background-size:cover;opacity:0.5;display:none;}
.photos h1{z-index:2;position:absolute;left:0;top:0;width:100%;height:265px}
.jumbotron .jumbohead{z-index:3;visibility:visible;opacity:1;position:relative;color:#fff;}
@media screen and (max-width:991px){.photos ul li{float:left;width:33.33333%;height:400px;background:no-repeat center center;background-size:cover;opacity:0.5}
}
@media screen and (max-width:767px){.photos ul li{float:left;width:50%;height:400px;background:no-repeat center center;background-size:cover;opacity:0.5}
}
.jumbotron .jumbohead h3{margin-top:80px;font-family:'Source Sans Pro', sans-serif;font-size:44px;font-weight:500;text-rendering:optimizeLegibility;}
.jumbotron .jumbohead h1{margin-top:80px;font-family:'Source Sans Pro', sans-serif;font-size:44px;font-weight:500;text-rendering:optimizeLegibility;}
.jumbotron
.logo{display:block;margin:0 auto;width:100%;}
#jumbofront{height:400px;}
.text-white{color:#fff;}
.text-bright-green{color:#49E20E;}
.bigger-font{font-size:22px;}
.bg-white{background-color:#fff;}
.bg-grey-search{background-color:rgb(246, 246, 246);}
.bg-grey-search-field{background-color:rgb(221, 221, 221);}
.bg-resumes-search{background-color:rgb(237, 249, 255);}
.pager-custom{margin:0;}
#iframelower{height:90px;width:90%;margin-bottom:10px;}
#iframe-google-text{width:90%!important;overflow:hidden;}
#apply-button{margin-bottom:20px;}
.fa-star{color:rgb(255,215,0);}
.blue-bar{margin-bottom:0;border-bottom:0;}
#search-form-main{padding-top:30px;padding-bottom:30px;margin-bottom:30px;}
.table>tbody>tr>td{vertical-align:middle!important;text-align:center;}
.table>tbody>tr>td:first-child{text-align:left;}
.table>thead>tr>th{text-align:center;}
.table>thead>tr>.left-headers{text-align:left!important;}
.table>tbody>tr>.left-headers{text-align:left!important;}
.table>tbody>tr>td>.container-fluid, .table>tbody>tr>td:first-child{text-align:left;}
.advanced-label{padding-left:15px;}
.pad-bot-5{padding-bottom:5px;}
.pad-bot-10{padding-bottom:10px;}
.pad-top-10{padding-top:10px;}
.pad-bot-20{padding-bottom:20px;}
.pad-top-20{padding-top:20px;}
.marg-bot-0{margin-bottom:0;}
.marg-top-0{margin-top:0;}
.marg-bot-10{margin-bottom:10px;}
.marg-top-10{margin-top:10px;}
.marg-bot-20{margin-bottom:20px;}
.marg-top-20{margin-top:20px;}
.marg-bot-25{margin-bottom:25px;}
.marg-top-25{margin-top:25px;}
.marg-bot-net-25{margin-bottom:-25px;}
.heading-inherit{display:inherit;font-weight:inherit;font-size:inherit;margin:inherit;line-height:inherit;}
.form-wrap{padding-right:15px;padding-left:15px;}
.panel-gray{background-color:rgb(90, 90, 90);}
.table-blue{background:#337ab7;color:#fff;}
@media screen and (max-width:767px){#topnav>ul>li{float:left;}
#sign_up_top{padding-top:6px;}
}
#topnav span{padding:10px 10px;padding-top:10px;padding-bottom:10px;line-height:20px;display:block;}
@media screen and (min-width:768px){#topnav span{padding-top:15px;padding-bottom:15px;}
}
.contact-pic{border:1px solid #fff;outline:0px solid #ccc;padding:0px;margin:0px 10px 10px 0px;display:inline-block;float:left;margin-right:20px;}
.contact-pic-noline{border:1px solid #fff;outline:0px solid #ccc;padding:1px;margin:0px 10px 10px 0px;display:inline-block;float:left;margin-right:5px;}
.show-contact-resume{margin-top:0px;}
.panel-clear{border:none;border-radius:0px;-webkit-box-shadow:none;box-shadow:none;margin-bottom:0px;}
.navbar-default .navbar-toggle{border-color:none;border:none;}
.blue-menu-title{line-height:20px;float:left;position:relative;display:block;padding:15px;padding-left:10px;padding-right:10px;text-decoration:none;color:#fff!important;}
.blue-menu-title:hover{text-decoration:none;}
.blue-menu-title span{color:#fff!important;line-height:20px;}
.navbar-toggle{margin-left:15px;float:left;margin-right:0;}
.search-button{padding:6px 10px;margin-left:15px;float:right!important;padding-left:14px;}
.search-button i{color:#fff;}
.icon-bar, .navbar-default .navbar-toggle .icon-bar{background-color:#fff!important;}
#header{z-index:1001;}
.navbar-collapse{border-top:none;-webkit-box-shadow:none;box-shadow:none;}
.account-menu{background-color:#fff!important;}
@media screen and (max-width:767px){.navbar-brand{float:none!important;}
#logo{display:block!important;text-align:center;margin:0 auto;}
#search-form-main{margin-top:30px;}
}
.nav-less-padding>li>a{padding:2px 15px;}
.visible-tablet{display:none!important;}
.visible-desktop{display:block!important;}
@media only screen
and (max-device-height:768px)
and (max-device-width:1024px){.visible-tablet{display:block!important;}
.visible-desktop{display:none!important;}
}
@media (max-width:767px){.visible-tablet{display:none!important;}
.visible-desktop{display:block!important;}
.pull-right-xs{float:right;}
}

/*SDO added this for moving top menu on Resumes and Applications under Candidate info in small screens */
@media (min-width: @screen-sm-min) {
.pull-right-sm {
  float: none;
}
}
@media (min-width: @screen-md-min) {
.pull-right-md {
  float: right;
}
}
@media (min-width: @screen-lg-min) {
.pull-right-lg {
  float: right;
}
}
/* END SDO*/

.breadcrumb{padding-left:0px!important;}
.navbar-brand>img{display:inline;}
.search_results{font-size:24px!important;}
.bottom-links p a{color:rgb(220, 220, 220)!important;}
#error-message{text-align:left;margin-left:20px;margin-right:20px;}
.thumb-job-list{display:inline-block;width:70px;height:70px;object-fit:cover;overflow:hidden;}
.thumb-job{display:inline-block;width:150px;height:150px;object-fit:contain;overflow:hidden;}
.mychurchjobs-logo{display:inline-block;width:274px;height:43px;margin:0 auto;}
.mybutton{background-color:#008CBA;border:none;color:white;padding:3px 3px;text-align:center;text-decoration:none;display:inline-block;font-size:11px;}
.resizethumb50{width:50px;height:auto;}
tbody>tr:first-child>.thumb-no-border:first-child{border-top:0!important;}
#map{display:inline-block;width:100%;height:300px;border:2px solid #fff;}
#iframe-preview{width:500%;height:500%;border:none;-moz-transform:scale(0.2);-moz-transform-origin:0 0;-o-transform:scale(0.2);-o-transform-origin:0 0;-webkit-transform:scale(0.2);-webkit-transform-origin:0 0;transform:scale(0.2);transform-origin:0 0;}
.mysocial{text-decoration: none;}
.mysocial a {color:#ccc;text-decoration: none;}

/*SDO for loading spinnner while My ChurchJobs loads*/
 .loader,
        .loader:after {
            border-radius: 50%;
            width: 10em;
            height: 10em;
        }
        .loader {            
            margin: 60px auto;
            font-size: 10px;
            position: relative;
            text-indent: -9999em;
            border-top: 1.1em solid rgba(255, 255, 255, 0.2);
            border-right: 1.1em solid rgba(255, 255, 255, 0.2);
            border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
            border-left: 1.1em solid #ffffff;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-animation: load8 1.1s infinite linear;
            animation: load8 1.1s infinite linear;
        }
        @-webkit-keyframes load8 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        @keyframes load8 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        #loadingDiv {
            position:absolute;;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background: url(https://www.churchjobs.net/images/loading-blue.gif) center no-repeat #fff;
            background-size: 167px 300px;
            
        }
/*END SDO*/