/*===========================================
RECRUITER STYLES (replaces css.css styles) - updated 04/02/2014 - DT

This is the master recruiter stylesheet.
All pages contained inside the recruiter will be most accurately presented here. 
Please add all customizations to this stylesheet.
This stylesheet does not include all styles for a recruiter. However, it does replace many defaults built into the system.
Please check this stylesheet for the highest priority styles.

===========================================
Table of Contents
===========================================
1) Commonly Changed Styles
2) Format Defaults
3) Custom Recruiter Styles
4) Navigation
5) Top & Bottom Styles
6) Recruiter Defaults
7) Volunteer Profile
8) Other Volunteer Pages
9) Opportunity Search Pages
10) Recruiter Search Calendar
11) Message Pages
12) Organization Profile & Pages
13) Approvers Module
14) Widgets

*/







/* Commonly Changed Styles
==========================================*/
.btn {font-size: 18px;}

.btn.btn-primary {
	background-color: #42728d !important;
	border: 1px solid #42728d !important;
}
.btn.btn-primary:hover {
	background-color: #0098ce !important;
}
.btn.btn-primary:active {
	background-color: #ffc41e !important;
}


a {
	/*color: #71888E;*/
}

.partnerLi {
	list-style-type: none;
	margin-right: 10px;
	float:left;
}

.partnerLi img {
	max-height: 35px;
}

.partnerSection {
	padding: 20px 0;
}

.heroBtn {
	font-size: 22px;
	padding:10px 20px !important;
}








/**** Headers & Text ****/

fieldset {
	margin-top:40px;
	margin-bottom:20px;
	border:0;
	padding: 0;
}
legend {
	color: #333;
    font-size: 22px;
	padding-top:0;
	padding-bottom:10px;
	border-bottom:1px solid #7fa8ae;
}
h1 {
	font-size:30px;
}
h2 {
	font-size:26px;
	line-height:36px;
}
h3 {
	font-size:23px;
}
h4 {
	color:#444444;
	font-size:18px;
}
h5 {
	color: #555555;
	font-size: 18px;
	font-weight:bold;
	font-style: italic;
}
p {
	font-size:18px;
	font-family: helvetica;
}
a {
	cursor:pointer;
}



.btn .fa-check {
	color: black;
}

.btn:hover {
	background-color: #777;
	color:#fff !important;
	}

/*.btn:active {
	background-color: #165a44 !important;
}*/
	


.textxs { font-size:0.7em;}
.text-sm { font-size:0.8em;}
.text-lg { font-size:1.15em;}
.text-xl { font-size:1.25em;}

/**** Field and Label Styles ****/
.data-checkbox {
	margin:0 8px 10px 0 !important;
}
.data-text, #LANGUAGE_INPUT, #firstname, #lastname, #email, #login_username, #password, #password_verify {
	border:1px solid #666666;
	/*border-radius:2px;*/
	padding:6px 4px;
}
.data-text-over, LANGUAGE_INPUT:hover, #firstname:hover, #lastname:hover, #email:hover, #login_username:hover, #password:hover  {
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	border:1px solid #000000;
	/*border-radius:2px;*/
	padding:6px 4px;
}
.data-text-selected, LANGUAGE_INPUT:focus, #firstname:focus, #lastname:focus, #email:focus, #login_username:focus, #password:focus  {
	box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
	border:1px solid #31B3D1;
	/*border-radius:2px;*/
	padding:6px 4px;
}
.data-text, .data-text-over, .data-text-selected {
	width:190px;
}
.data-textarea {
	border:1px solid #666666;
	/*border-radius:3px;*/
	padding:4px 6px;
}
label {
	display:block;
	font-size:15px;
}
select {
	width:200px;
	padding:3px;
	border-radius: 0 !important;
}

#group label {
	font-weight:100 !important;
}

#serve label {
	font-weight:100 !important;
}

#skill label {
	font-weight:100 !important;
}





/**** Buttons ****/

#login_button, #VOL_FGP_SUBMIT_BUTTON, .button {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  margin-left: 20px;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
#login_button, #VOL_FGP_SUBMIT_BUTTON, .button {
		background-color: #42728d;
		border: 1px solid #42728d;
    color: #FFFFFF;
}
#login_button:hover, #VOL_FGP_SUBMIT_BUTTON:hover, .button:hover,
#login_button:focus, #VOL_FGP_SUBMIT_BUTTON:focus, .button:focus,
#login_button:active, #VOL_FGP_SUBMIT_BUTTON:active, .button:active {
	background-color: #ffc41e;
	color:#fff;

}


/**** Notices and Helper Text ****/

.helper-text {
	color: #31B3D1;
	font-size: 18px;
}
.subtle-notice {
	color:#666666 !important;
	font-size:14px !important;
}
.info-notice {
}
#ajaxLoadingIndicator {
	background: none repeat scroll 0 0 #ffffff;
	display: block;
	height: 100px !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
}













/* Custom Recruiter Styles
==========================================*/

@media (min-width: 0px) {
	
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

.bannerWrap {
	background-color: #0792CB;
	margin: 0 20px;
}

.bannerDes {
	color: #fff;
	line-height: 1.5em;	
	padding: 20px;
}

.indexBtn a {
	color: #ffffff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 75px;
    line-height: 80px;
    margin: 12px 0 0;
    text-align: center;	
}

.bannerImg {
	border: 10px solid #fff;
	float: left;
	margin: 20px 0;
	padding: 10px;
	width: 90%;
	background:url(../images/feedimg.jpg);
	background-size: cover;
	background-position: center;
	height: 300px;
}

.popIn .popover-content {
	width: 200px;	
}

hr.style-one { 
	border: 1px solid #ccc !important;
}

.createAcctLnk {
	display: block;
	text-align:center;	
}

.thumbnail {
	width: 100%;	
}

#org_photo_place .img-thumbnail {
    width: 350px;
}

#view_details_link {
	border-radius: 5px;
}

#signup_opp_link {
	border-radius: 5px;
}

.well-dark {
	background-color: lightgray !important;
	border: 1px solid darkgray !important;	
}

.requireIndicator.not-required {
	display: none;	
}

.headerWrap {
	margin: 0 0 70px;
}

.feedBlock {
	background: #F3CF45;
	height: 220px;
	margin: 0 40px;
}

.feedImg {
	border: 12px solid white;
	box-shadow: 3px 3px 10px gray;
	width: 100%;
	transform:rotate(-2deg);
	margin-left: 20px;
	position:relative;
	margin-top: -30px
}

.feedtxt {
		
}

.hotOppWrap {
	margin: 0;
}

.hotOppDesc {
	height: 60px;
}

#hotOpp {
	text-align:center;
}


.oppBox h4 {
	text-align: left;
	padding: 5px 10px !important;	
}

.oppBox {
	display:inline-block;
	width: 250px;
	margin: 0 10px;
	background: white;
}

.hotOppType {
	min-height: 35px;
	padding: 0 5px;
	text-align: left;
}

.hotOppType .fa {
	font-size: 20px;
	padding: 5px 7px;	
}

.hotOppDate {
	font-size: 12px;
	padding: 5px 10px;
	text-align:left;
}

.hotOppImg {
	background-position:center;
	background-size: contain;	
	width: 248px;
	height: 186px;
	background-repeat:no-repeat;
}

.hotOppImg img{
	
}

.hotOppTitle {
	/*height: 45px;*/
	height: 72px;
	margin: 5px 0 0;
}

.hotOppOrg {
	/*height: 30px;*/
	height: 72px;
}

.hotOppOrg a {
	font-size: 18px;	
}

.hotOppOrg, .hotOppArea{
	padding: 0 10px;	
}

.hotOppDetailBtn {
	
}
.hotOppWrap {
	margin: 0;
}

.hotOppDesc {
	height: 60px;
}

#hotOpp {
	text-align:center;
}


.oppBox h4 {
	text-align: left;
	padding: 5px 10px !important;	
}

.oppBox {
	display:inline-block;
	width: 250px;
	margin: 0 10px;
	background: white;
}

.hotOppType {
	min-height: 35px;
	padding: 0 5px;
	text-align: left;
}

.hotOppType .fa {
	font-size: 20px;
	padding: 5px 7px;	
}

.hotOppDate {
	font-size: 12px;
	padding: 5px 10px;
	text-align:left;
}

.hotOppImg {
	background-position:center;
	background-size: contain;	
	width: 248px;
	height: 186px;
	background-repeat:no-repeat;
}

.hotOppImg img{
	
}

.hotOppTitle {
	/*height: 45px;*/
	height: 72px;
	margin: 5px 0 0;
}

.hotOppOrg {
	/*height: 30px;*/
	height: 72px;
}

.hotOppOrg a {
	font-size: 18px;	
}

.hotOppOrg, .hotOppArea{
	padding: 0 10px;	
}


.opp-img {
	width: 100%;	
}

#moreSearch-type .btn-group-vertical input[type="checkbox"],
#moreSearch-org .btn-group-vertical input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.check-link.active .fa, .check-link.active .show-active, .check-link .fa.force-show {
    display: inline-block;
}
.check-link .fa, .check-link .show-active {
    display: none;
}

.lp-img {
	border: 12px solid #fff;
	box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.5);
	margin-left: 10px;
	margin-top: -10px;
	transform: rotate(-1.5deg);
	max-width:95%;
	position:relative;  
}

.lp-colorblock1 {
	background: white; 
	min-height:280px;
	max-height: 100%;

}

.lp-colorblock1-inner {

}

.vol-steps {
    border: 3px solid #5878a3;
    line-height: 20px;
    padding: 10px;
}

.volunteer-steps a:hover {
    text-decoration: none;
}



.pbs-footer {
	background: white;	
	color: black;
}

.pageID {
	color: white;	
}

.pageID h3 {
	color: #49763D;
    font-size: 1.6em;
    font-weight: 600;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.circle {
	width: 30px;
	height: 30px;
	background: white;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	border: 1px solid lightgray;
}

.cl_flag.fa-check {
    margin: 6px 0 0 6px;
}

.tab-pane {
	padding: 0 10px;
}

/* Format Defaults
===========================================*/


html, body {
	color: #2D3538;
	font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif !important;
	font-size: 18px;
	margin: 0 auto;
}

body {
	/*background: #656565;*/	
}

.pagename.container{  /*This is the main wrapper*/
	background:#fff;
	border-top:0 none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	/*font-family: 'Source Sans Pro', sans-serif;*/
	color: #333; 
}



/*Header*/

.jmsColorBars {
    float: left;
    width: 100%;
    height: 16px;
    background-color: #7FA8AE;
    color: #000;
}

.jmsColorBarA {
    background-color: #FFC41E;
    float: left;
    width: 28%;
    height: 20px;
    color: #000;
}

.jmsColorBarB {
    background-color: #B36632;
    float: left;
    width: 9%;
    height: 20px;
    color: #000;
}

.jmsColorBarC {
    background-color: #B2CE94;
    float: left;
    width: 22%;
    height: 20px;
    color: #000;
}

.jmsColorBarD {
    background-color: #7FA8AE;
    float: left;
    width: 41%;
    height: 20px;
    color: #000;
}

.menu-name-main-menu {
    text-align: center;
    background-color: #42738D;
    color: #fff;
}

.menu {
	display: inline-block !important;
}

.menu li {
    display: inline;
    background-color: #42738D;
    color: #fff;
    margin: 0;
    padding: 0;
    float: left;
    list-style-image: none;
    list-style-type: none;
    position: relative;
}

.menu li a {
    padding: 10px 20px;
    color: #FFF;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 1.15em;
}

.volMenu {
	display: inline-block !important;
}

.volMenu li {
    display: inline;
    color: #fff;
    float: left;
    list-style-image: none;
    list-style-type: none;
    position: relative;
    margin-top: 10px;
    border-right: 1px solid white;
}

.volMenu li a {
    color: #FFF;
    display: block;
    text-decoration: none;
    padding-right: 10px;
    padding-left: 10px;
}

.volMenu li:last-child {
	border-right: none;
}

.volMenu li a:hover {
    text-decoration: underline;
}


.volMenu2 {
	display: inline-block !important;
	float: right;
}

.volMenu2 li {
    display: inline;
    color: #0098CE;
    float: left;
    list-style-image: none;
    list-style-type: none;
    position: relative;
    margin-top: 10px;
    border-right: 1px solid #0098CE;
}

.volMenu2 li a {
    color: #0098CE;
    display: block;
    text-decoration: none;
    padding-right: 10px;
    padding-left: 10px;
}

.volMenu2 li:last-child {
	border-right: none;
}

.volMenu2 li a:hover {
    text-decoration: underline;
}



.header > h1, .header > i {
	display:inline-block;
	font-size:2em;
}
.header > i {padding:0  0 0 5px;}
.header > p {
	font-style: italic;
	text-decoration: none;
	display:inline-block;
}

.header > i {
	color: #CE2F3F;
}

.header h1 {font-family: 'Avant Garde', helvetica, Arial,sans-serif !important;}
.mainImg {
	background-repeat: no-repeat;
	background-position: 50% 30%;
	background-size: cover;
	overflow:hidden;
	min-height: 600px;
}

.img1 {
	background-image: url(https://volunteer.samaritan.com/custom/512/images/slider/slider1.jpg);
}

.img2 {
	background-image: url(https://volunteer.samaritan.com/custom/512/images/slider/slider2.jpg);
}

.img3 {
	background-image: url(https://volunteer.samaritan.com/custom/512/images/slider/slider3.jpg);
}

.img4 {
	background-image: url(https://volunteer.samaritan.com/custom/512/images/slider/slider4.jpg);
}

.img5 {
	background-image: url(https://volunteer.samaritan.com/custom/512/images/slider/slider5.jpg);
}

.headRow {
	background-color: white;
	  /*background-color: #fff;
	  box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.3) inset;*/
	  height: 80px;
	  left: 0;
	  position: absolute;
	  right: 0;
	  z-index: 9999; 
}

.headerLogo {
	width:130px;
}

.headerLI {
	list-style-type: none;
	float:left;
	display:inline-block;
}

.headerNav {
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	/*box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.1) inset;*/
	margin-top:-10px !important;
}


@media all and (min-width:1200px) {
	.headerNav {
		padding: 40px 10px;
		font-size: 16px;
	}
}


@media all and (max-width:1199px) and (min-width: 992px) {
	.headerNav {
		padding: 40px 20px;
		font-size: 16px;
	}
}

@media all and (max-width:991px) and (min-width: 768px) {
	.headerNav {
		padding: 40px 1px;
		font-size: 16px;
	}
}

@media all and (max-width:767px) {
	.headerNav {
		padding:5px 0;
		font-size: 16px;
	}
	.nav > li {
		display:block;
		background-color: #FFF;
	}
	#navbarCollapse>ul.nav {
		float:right;
	}
}

.login-btn {
	color: #fff !important;
  	background-color: #B36632;
  	border-color: #B36632;
  	width: 120px;
  	text-align: center;
}

.login-btn:hover {
	color: #555759 !important;
    text-decoration: none !important;
    background-color: #ddd !important;
}

.register-btn {
	color: #fff !important;
  	background-color: #B2CE94;
  	border-color: #B2CE94;
  	width: 120px;
  	text-align: center;
}

.register-btn:hover {
	color: #555759 !important;
    text-decoration: none !important;
    background-color: #ddd !important;
}

a.home-btn {
    color: #fff !important;
    background-color: #0098CE;
    border-color: #0098CE;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 200px;
    display: block;
    text-align: center;
    border-radius: 3px;
}

a.home-btn:hover {
	color: #555759 !important;
    text-decoration: none !important;
    background-color: #ddd !important;
}

a.btn-back {
	background-color: #0098CE;
	color: white;
}

.infoBox {
  	color: #4c1f1f;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    padding-top: 170px;
    top: 0%;
    background-color: rgba(255,255,255,0.67);
}



.infoBox h1 {
	color: #4c1f1f !important;
	font-size: 46px !important;
	font-family: 'Arial', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: bold !important;
}

/*@media all and (min-width:600px) {
	.infoBox {
		margin-left: -320px;
		width:605px;
	}
}

@media all and (max-width:599px) {
	.infoBox {
		margin-left: -200px;
	}
}*/

.infoBox p {
	color: #4c1f1f !important;
	font-size: 18px !important;
	font-family: 'Arial', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: bold !important;
	/*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
}


.infoBox > a {
	padding:10px;
	color:white;
	background-color:#91c84e;
	border:1px solid #91c84e;
	border-radius: 5px;
	-webkit-transition: all .25s ease-in-out;
  	-moz-transition: all .25s ease-in-out;
  	-o-transition: all .25s ease-in-out;
  	transition: all .25s ease-in-out;
  	text-decoration: none;
}

.infoBox > a:hover {
	background-color: #d9012a;
	color:#fff;
}

.secondaryInfo {
	background-color: #f6f5f2;
}

.missionHead {
	text-align: center;
	color: #91c84e;
}

.missionHead:after {
	background: #333;
	content: "";
	display: block;
	height: 6px;
	margin:15px auto 0;
	width: 80px;
}

.missionText {
	text-align: center;
	color: #333;
    max-width: 800px;
    display: block;
    margin: 0 auto;
}

.missionDiv {
	text-align: center;
}

.missionCol {
	display:inline-block;
	vertical-align: top;
}

.missionCol > h4 {
	font-size: 20px;
	font-weight: bold;
    max-width: 80%;
    margin-left: 10%;
}

.missionCol > p {
	max-width: 125px;
	font-size: 13px;
}

@media all and (min-width:1200px ) {
	.missionCol {
		padding:5px 1.5%;
	}
}

@media all and (min-width:992px ) and (max-width: 1199px) {
	.missionCol {
		padding:5px 0.3%;
	}
}

@media all and (min-width:626px ) and (max-width: 991px) {
	.missionCol {
		padding:5px 20px;
		width:200px;
	}
}

@media all and (max-width:625px ) {
	.missionCol {
		padding:5px;
		width: 200px;
	}
}

.missionImg1 {
	background-image: url(https://good.samaritan.com/custom/508/images/fb-art.jpg);
	width:80px;
	height:80px;
	border-radius: 50%;
	margin: 0 auto;
}


.missionImg2 {
	background-image: url(https://good.samaritan.com/custom/508/images/qualification.jpg);
	width:80px;
	height:80px;
	border-radius: 50%;
	margin: 0 auto;
}

.missionImg3 {
	background-image: url(https://good.samaritan.com/custom/508/images/win-travel-prizes.jpg);
	width:80px;
	height:80px;
	border-radius: 50%;
	margin: 0 auto;
}

.missionImg4 {
	background-image: url(https://good.samaritan.com/custom/508/images/Milne_SOCIAL.jpg);
	width:80px;
	height:80px;
	border-radius: 50%;
	margin: 0 auto;
}

.missionImg5 {
	background-image: url(https://good.samaritan.com/custom/508/images/contact.png);
	width:80px;
	height:80px;
	border-radius: 50%;
	margin: 0 auto;
}

.missionImg6 {
	background-image: url(https://good.samaritan.com/custom/508/images/AMEX-Blue-Travel.jpg);
	width:80px;
	height:80px;
	border-radius: 50%;
	margin: 0 auto;
}

.circle1 {
	color:#333;
}

.circle2 {
	color:#333;
}

.circle3 {
	color:#333;
}
.circle4 {
	color:#333;
}

.circle5 {
	color:#333;
}

.circle6 {
	color:#333;
}

.img2 {
	width:100%;
}

.searchHead > h2, .subtle {
	color: #333;
}

.active.check_link.al.btn-lg {
	background-color:#42728d !important;
}

.active > .block.fl {
	color:white !important;
}

.btn-group-vertical > label:hover {
	background-color: #7FA8AE;
}

.btn-group-vertical > label:hover > .block.fl {
	color:white !important;
}

#srchBtn {
	padding:0 !important;
}

#moreSearch-type > div > div> label {
	background-color: #fff;
	border-color: none;
}

#moreSearch-type > div > div> label:hover {
	background-color: #0098ce;
}

.infoSearchBtn {
	background-color: transparent !important;
	border:none !important;
}

.botRow {
	text-align: center;
	color:white;
	height:200px;
	background-color: #931638;
	margin-bottom: -1px;
}

.botRow > p {
	font-size: 36px;
	font-style: italic;
}



/* Navigation Styles
===========================================*/

/**** Volunteer Navigation ****/
#volunteer-nav.collapse .nav > li {
	display:inline-block;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#volunteer-nav > ul {
}

#volunteer-nav.collapse.in .nav > li {
	display: block;
	/*border: 1px solid lightgray;
	border-radius:4px;*/	
}
#volunteer-nav.collapse .nav > li + li{
	border-left:0 none;
}

/*For mobile menu collapse */
#volunteer-nav .nav > li {
	text-align:left;
}
#volunteer-nav {
	/*background: #efefef;
	border-radius:3px;*/
	border-radius: 0 !important;	
	background: none !important;
}
#volunteer-nav .nav > li > a {
	color:#000;
	font-size:15px;
	padding:20px;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#volunteer-nav .nav > li > a.active {
	/*background:#efefef;*/
	cursor:default;
}
#volunteer-nav .nav > li > a.active:hover, #volunteer-nav .nav > li > a.active:focus {
	background: white;
}
#volunteer-nav .nav > li > a:hover, #volunteer-nav .nav > li > a:focus {
	background: white;
}
#volunteer-nav .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #3A3A3A;
    color: #fff;
}

.navbar-toggle {
	background:#CECECE;
	border:1px solid #bbbbbb;
}
.navbar-toggle .icon-bar {
    background-color: #000000;
}

.navRow, .navMenu {
	background-color: #e7e7e7;
	color: black;
}

.footerLinks {
	list-style-type: none;
	display:inline-block;
}

.footerStyles {
	text-align: center;
}
.jmsFooterLegal {
	background-color: #42738D;
    overflow: hidden;
    margin-top: 15px;
    padding: 18px 10px 15px 10px;
    color: #FFF;
}

.jmsFooterLinks {
    float: right;
    text-align: right;
}

.jmsFooterLinks a:hover {
    text-decoration: underline;
}

.jmsFooterLinks a {
    color: #FFF;
    font-size: 0.8em;
    float: left;
    padding: 1px 10px;
    border-left: solid 1px #FFF;
    text-decoration: none;
}

.jmsAdminContact {
	font-size: 0.9em;
    float: right;
    text-align: right;
    padding-right: 10px;
}

.boxFooter {
	border: 3px solid rgba(204, 204, 204, 0.45)!important;
	padding-top: 20px;
	padding-bottom: 20px;
	/*border: 2px solid #ccc!important;*/
	text-align: center;
}



.social:hover a {
	text-decoration: none !important;
}

.col-md-4 > p {
	line-height: 1em;
}

.col-md-4 > strong {
	font-size: x-large;
	line-height: 2.5em;
}

.icons {
	color:white;
}


/* Pill navigation for my opportunities */
.nav > li > a {
    display: block;
    padding: 6px 12px;
    position: relative;
}

/**** Breadcrumbs ****/

.breadcrumb {
	background: #fff;
	padding:0;
	margin:0;
	opacity:0.75;
}
.breadcrumb:hover {
	background: #fff;
	padding:0;
	margin:0;
	opacity:1;
}
.breadcrumb div {
	float:left;
}













/* Off Canvas 
--------------------------------------------------*/
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
  .row-offcanvas.active #sidebar {
    margin-left: 10px;
  }
}



 /* Recruiter Defaults   ---   (updated 01/09/2014)
 These styles fix some quirks in the front end styling when converting to newer layout
===========================================*/

/* Fixes inline table and class widths on referrals/placements and a couple other volunteer pages */
.first-rec-div > table, .first-rec-div > form > table, .information > table.content-panel > tbody > tr > td > table, form > table, .rec-panel, .sort > table   {
	width:100% !important;
}

/* Hides mytip popups */
.mytip {
	display:none;
}

/* Hides required indication explanation text so you can create your own */
.requireIndicationText {
	display:none;
}
/*New Required indication explanation text*/
.requiretext {
	color: #C91019;
    font-size: 1.2em;
    padding-top: 20px;
	float:left;
}
/*.requireIndicator {
    color: #C91019;
    display: inline-block;
    font-weight: bold;
	font-size:20px;
	line-height:15px; 
    padding: 0 3px 0 0;
	position:relative;
	top:2px;
}*/
.requireIndicator {
    color: red;
}
/* Hides tab headers */
.toggler {
	display:none;
}
/* Hides old style buttons */
.td-savebutton {
	display:none;
	}
.td-backbutton {
    display: none;
}
td.data-attr-header{ /* For checkbox list column headers */
	padding-top:12px;
	font-weight:bold;
}
#recruiterForm > table { /* Fixes inline style width 650px */
	width:100%;
}
#fd-VOL_DOB {
	opacity:1 !important;
}













	
/* Volunteer Profile
===========================================*/

/**** 508 Complience ****/

.emptyfield {
	border: 1px solid red;	
}

.emptyfield-label {
	color: red;	
}

.requiredResponse {
	display: none;	
}

#availcolumn_k-1 { /**** This is a part of the Attachment List, If the list is changed this needs to be edited. ****/
	display: none;
}

.multiselect .collapsing{
	position: absolute;
	z-index: 999;
}

/**** Attachments ****/

#ACTION_TAKE_PHOTO_REQUEST_BUTTON {
    height: inherit !important;
    width: inherit !important;
}

#ACTION_DOWNLOAD, #ACTION_UPLOAD, #ACTION_DELETE, #ACTION_SAVE, #ACTION_RESTORE {
    height: auto !important;
    width: auto !important;
}

#FILE_FIELD {
    border: 0 none;
    height: 100% !important;
    min-height: 40px !important;
    width: 100% !important;
}

#ATTACH_FROM_GROUP td + td {
    float: left;
}

.attach-file-warning {
	display: none;	
}

/**** Custom Icons ****/

#group table td table tr td:last-child label:before{
    cursor: pointer;
}

#group table td:first-child table tr:nth-of-type(1) label:before{
    content: url(../images/appIcons/ABOsmall.jpg);
}
#group table td:first-child table tr:nth-of-type(1) label.checked:before{
    content: url(../images/appIcons/ABOchecked.jpg);
}

#group table td:first-child table tr:nth-child(2) label:before{
    content: url(../images/appIcons/assnSmall.jpg);
}
#group table td:first-child table tr:nth-child(2) label.checked:before{
    content: url(../images/appIcons/assnChecked.jpg);
}

#group table td:first-child table tr:nth-child(3) label:before{
    content: url(../images/appIcons/GALASmall.jpg);
}
#group table td:first-child table tr:nth-child(3) label.checked:before{
    content: url(../images/appIcons/GALAChecked.jpg);
}

#group table td:last-child table tr:nth-child(1) label:before{
    content: url(../images/appIcons/HWASmall.jpg);
}
#group table td:last-child table tr:nth-child(1) label.checked:before{
    content: url(../images/appIcons/HWAChecked.jpg);
}

#group table td:last-child table tr:nth-child(2) label:before{
    content: url(../images/appIcons/LatinXSmall.jpg);
}
#group table td:last-child table tr:nth-child(2) label.checked:before{
    content: url(../images/appIcons/LatinXChecked.jpg);
}

#group table td:last-child table tr:nth-child(3) label:before{
    content: url(../images/appIcons/OWJSmall.jpg);
}
#group table td:last-child table tr:nth-child(3) label.checked:before{
    content: url(../images/appIcons/OWJChecked.jpg);
}

#group table td table tr td:last-child label{
    color: transparent;
    font-size: 0;
}

#group table td table tr td:first-child{
	display:none;
}

#group table td table tr{
	float:left;
	margin-right:15px;
	margin-bottom:20px;
}

#group>table>tbody>tr>td:first-child{
	max-width: 715px;
}

	
/* Recruiter Pages / Other Volunteer Pages
=============================================*/
		
/**** Dashboard ****/

#vol_photo_place img {
    width: 100%;
}

.myOppsNav li {
	padding: 0 5px;	
}

.desc {
    margin-bottom: 35px;
}

.dashLinks {
	height: 165px;
}

.dashLinks i.fa {
    font-size: 4em;
    color: #42728d;
}

.dashLinks a {
	display: block;
	color: #49763D;
	font-size: 40px;
}

.dashLinks h4{
	color: #49763D;
}
	
	
/**** Login-page ****/
#VolunteerLogin td.heading, #VolunteerLogin td.heading + td  {
	display:none !important;
}
#VolunteerLogin #login_username, #VolunteerLogin #password {
	width:100%;
	margin-bottom:10px;
}
#VolunteerLogin label {
	font-size:18px;
	margin-bottom: 3px;
}

#VolunteerLogin p.important {
	color: black;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	background: #FCC9C9;
	padding:20px 0;
	border: 1px solid #C12828;
	border-radius:5px;
	margin:20px 0;
}


/**** Forgot Password ****/
#ForgotPassword label {
	margin-right:8px;
	}
#VOL_FGP_SUBMIT_LINK {
	}
#ForgotPassword #fgt_pwd_form .information {
	
	}
#ForgotPassword #fgt_pwd_form .information > div > font /*matches .important message on login*/ {
	color: black;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	background: #FCC9C9;
	padding:20px 0;
	border: 1px solid #C12828;
	border-radius:5px;
	margin:20px 0;
	display:block;
}

	
	
/**** Placements / Referrals ****/
#referral-placement .information > .content-panel  > tbody > tr > td > table{
	width:100%;
}
#referral-placement form > table {
	width:100%;
}
.content-panel {
	width:100% !important;
}




/**** logbook / log book / log books ****/


#LogBook select {
  border: 1px solid #CCCCCC;
  font-size: 14px !important;
  margin: 0 3px;
  padding: 4px 0 4px 8px;
  width: auto;
  text-indent: -2px;
}
#LogBook label {
   display:inline-block;
	}
#LogBook td {
    height: 26px;
	border-top:0 none !important;
	}
.fixLogbook {
	margin:0 !important;
	}
	
/*Sets Summary to only show hours and no other survey question summary info */
.logbook-summary-list tr + tr {
  display: none;
}
#LogBook .td-border5, #LogBook .td-border1, #LogBook .td-border2, #LogBook .td-border3 {
  border-bottom:1px solid #E1E1E1;
  }
 .logbook-details-section {
	border:1px solid #eee;
	border-radius:5px;
	width:1136px; /*This value changes in recruiter-responsive.css based on responsive design*/
	overflow:auto;
}

.logbook-details-section input {
	margin:0 0 0 6px;
}
.logbook-details-section span {
	padding-left:10px !important;
}
.logbook-details-section > table > tbody > tr > td {
  width: 0;
}
.logbook-details-section > table > tbody > tr > td + td {
  width: auto;
}
.logbook-details-section > table > tbody > tr > td + td + td + td {
  width: 0;
}
.lb-right-scroll-panel {
overflow:auto;
width:879px;
}
.logbook-details-section .td-border2 .field-label-hight2 {
  font-size: 13px;
  font-weight: bold;
}
.date-range-hdr {
  border-right: 1px solid #CCCCCC;
  float: left;
  height: 45px;
  line-height: 45px;
  padding-right: 10px;
  vertical-align: middle;
}
.logbook-summary-list {
}



/**** My Schedule ****/

#Schedule .mytip {
	display:block !important;
}
/* header Section */
#Schedule .content-panel .content-panel form > table {
	border: 0 none !important;
}
#Schedule .content-panel .content-panel form > input + table select {
width:80px;
margin-right:10px;
}

#Schedule .content-panel .content-panel form > input + table td {
	width:auto !important;
}
/* Month Title */
#Schedule .content-panel .content-panel form > input + table  .sch-sub-title {
	padding-left:0;
	font-size:18.5px;
	color: #444;
}
/* For Go button container on date dropdowns */
#Schedule .content-panel .content-panel form > input + table td + td + td{
	width:60px !important;
	text-align:right;
}
#Schedule .sch-td-data div {
  padding: 0;
  width: auto !important;
  text-align: center;
}
#Schedule .sch-sub-title {
    color: #B0232A;
    font-size: 12px;
    font-weight: bold;
    padding-left: 30px;
}
#Schedule .sch-td-calendar-top {
  color: #444444;
  font-size: 18px;
  height: 50px;
  text-align: center;
}
#Schedule .sch-td-calendar-nodata {
    border: 1px solid #E1E1E1;
    height: 100px;
    text-align: left;
    vertical-align: top;
    width: 122px;
	background: #ffffff;
}
/* Date number for each calendar day */
#Schedule .sch-font-calendar-day {
	color: #444;
    font-size: 13px;
    font-weight: bold;
    padding-left: 2px;
}
#Schedule .sch-td-calendar-nodata .sch-font-calendar-day {
	color: #888;
}

#month_wrapper {
	margin-bottom: 80px;
}

#Schedule .sch-td-calendar-data {
background: #F9F0E5;
border:1px solid #E2C8AC;
  height: 100px;
  overflow: hidden;
  text-align: left;
  vertical-align: top;
  width: 122px;
}
#Schedule .sch-td-calendar-data:hover {
background: #FFFDFC;
}

#Schedule .sch-td-calendar-data table {
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}
#Schedule .sch-td-calendar-data table + table {
border-left: 1px solid #ffffff;
border-top:0 none;
}
#Schedule .sch-td-data, .sch-form-border {
  color: #304433;
  font-size: 13px;
}
#Schedule .sch-calendar-hr {
    border: 1px solid #E1E1E1;
    height: 1px;
    width: 90px;
}
#Schedule .sch-td-slotinfo {
    background-color: #F3F3F3;
    border-top: 1px dotted #DEDDD6;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-top: 4px;
}
#Schedule .sch-p-slotinfo {
	padding:10px 0;
}
#Schedule .sch-form-area {
    background-color: #F3F3F3;
    text-align: left;
}
#Schedule .sch-form-area-data {
    background-color: #F3F3F3;
    color: #000000;
    text-align: left;
}
#Schedule .sch-form-border {
    background-color: #006096;
    border-collapse: separate;
}
#Schedule .sch-day-off {
    color: #FF0000;
    font-weight: bold;
    text-align: right;
}
.rCalendar_button {
	margin-left: 0 !important;
}
/*hover popup tool-tip*/
.tool-text {
  background: #ffffff;
  font-size: 11px;
  padding: 4px 8px 8px;
  border-bottom:1px solid #fff;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  border-top:1px solid #fff;
  border-radius: 0 0 5px 5px;
  background: #f5f5f5;
}
.tool-title {
  background: #ffffff;
   border-top:1px solid #fff;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  border-bottom: 1px solid #aaaaaa;
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 4px 8px;
  border-radius:5px 5px 0 0;
  background: #f5f5f5;
}
.tool-tip {
  border-radius:5px;
  color: #000000;
  width: 400px;
  z-index: 13000;
  border:1px solid #444;
}


/**** Report Service ****/
#ReportService .reportserviceform-not-placed {
font-weight:bold;
font-size:18px;
color: #AD2E2E;
}
#ReportService #rsinf {
height: auto !important;
}
#ReportService .reportserviceframe {
width:100%;
/* min-height: 200px; */
}


	



	
	



/* Opportunity Search/Organization Search Pages Styles
=============================================*/

	
/**** Opp Search Selection ****/
.btn-group > .btn, .btn-group-vertical > .btn {
float:left !important;
}

#searchSection button {
	background-color: background-color: #71888E;
}

.thumb {
    display: block;
    float: left;
    height: auto;
    line-height: 20px;
    padding: 5px 20px 5px 0;
    width: 140px;
}

.opp-image {
    display: block;
    height: auto;
    line-height: 20px;
    padding: 35px 0;
    width: 300px;
}

a.expandSearch {
	color: #49763D;
	font-size: 18px;
    font-weight: bold;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 10px;
}

a.expandSearch.collapsed {
	color: #49763D;
	font-size: 18px;
    font-weight: bold;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 10px;
}


/**** Search Results Records (includes placement/referral results ****/
#OppSearchResults dl {
	margin-top:0;
}
.opp-location dd{
	padding-left:20px;
	margin-left:0;
}
.opp-results-item-nav {
	border-top:1px solid #dedede;
	padding-top:5px;
	margin-top:10px;
}
.img-placeholder {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  font-size: 90px;
  line-height: 180px;
  min-height: 180px;
  text-align: center;
}
.result_record {
	padding:10px 0;
	border-bottom:1px solid #dedede;
}
.result_record .more_details_link{
	display:none;
}
.result_record.active .more_details_link{
	display:inline-block;
}
.result_record  .opp_desc_details, .result_record.active .opp_desc_summary{
	display:none;
}
.result_record.active  .opp_desc_details{
	display:block;
}

.result_record:hover {
	background:#fcfcfc;
}
.result_record + .result_record{
	border-top:0 none;
}
.result_record.active {
    background: none repeat scroll 0 0 #FCF8E3;
    border: 3px solid #3071a9;
    padding: 10px;
	margin-left:-10px;
}

h1.DepoHeader {
	color: #49763D;
    font-weight: bold;
    margin-top: 10px;
}

h4.searchHeader {
	color: #BB7231;
    font-weight: bold;
}

	
/**** Opportunity Details ***/

#opp-details-subnav {
	margin:0;
	padding:0;
	list-style:none;
}
#opp-details-subnav li {
	float:left;
	padding:0;
}
#opp-details-subnav li.active {
	float:left;
	padding:0;
	border-top:5px solid #F7A738;
}
#opp-details-subnav li.active a {
	border-top:0 none;
}
#opp-details-subnav a {
	display:block;
	padding:6px 12px;
	font-weight:bold;
	color:#777;
	border-top:5px solid #eee;
}
#opp-details-subnav a:hover {
	color:#333;
	border-top:5px solid #F7A738;
	text-decoration:none;
}
#opp-details-subnav a.selected {
	border-top:5px solid #F7A738;
	color:#333;
	text-decoration:none;
}	
.slot-record {
	border-top: 1px solid #CCCCCC;
	padding: 10px 0 0 0;
}
#oppdetails dd {
	margin:0;
}
.slot-record dd{
	margin: 4px 0;
}
.slot-record dl {
	margin-top:0;
	margin-bottom:0;
}













/* Message Pages
===============================================*/

/**** Volunteer Registration Thank you ****/

/**** Opp Sign Up ****/

/**** Unsign Up ****/

/**** Slot Sign Up ****/

/**** Slot Unsign Up ****/

/**** Organization Registration Thank you ****/



















/* Organization Recruiter Pages
===============================================*/

/**** My Opportunities List ****/

/**** Org Profile ****/
#OrgProfile .contactField td {
	display: block;
}

#OrgProfile .contactField td input {
	margin-bottom: 15px;	
}

/*#OrgProfile .contactField tr {
    float: left;
    margin-right: 10px;
    padding-right: 4px;
}*/

/**** Org Opp Profile ****/
#OrgOppProfile .contactField td {
	display: block;
}

#OrgOppProfile .contactField td input {
	margin-bottom: 15px;	
}

#OrgOppProfile .contactField tr {
    float: left;
    margin-right: 10px;
    padding-right: 4px;
}

#OrgOppProfile .not-required {
	display: none;	
}

#OrgOppProfile #mceu_8, #OrgOppProfile #mceu_24 {
	max-width: 500px;	
}

#OrgOppProfile #mceu_24 {
	width: 100% !important;	
}

/**** Login-page ****/
#OrganizationLogin td.heading, #OrganizationLogin td.heading + td  {
	display:none !important;
}
#OrganizationLogin #login_username, #OrganizationLogin #password {
	width:100%;
	margin-bottom:10px;
}
#OrganizationLogin label {
	font-size:18px;
	margin-bottom: 3px;
}

#OrganizationLogin p.important {
	color: black;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	background: #FCC9C9;
	padding:20px 0;
	border: 1px solid #C12828;
	border-radius:5px;
	margin:20px 0;
}

#OrganizationLogin #forgot_link {
	margin-left: 20px;
}
























/* Approver Module
===============================================*/

/**** Approver Login ****/


/**** Approver Forgot Password ****/

/**** Approver Grid ****/
.grid-approver-data{
	width:100% !important;
}
.grid-approver-data table{
	width:100% !important;
}

.grid-header {
width:26px !important;
}
.grid-header + .grid-header, script + .grid-header{
width:auto !important;
}
.app-log-book-controls .button-std {
	width:auto !important;
}
.grid-header input{
margin:6px;
}
#pSelectAll, #pUnSelectAll {
display:none;
}
#ApproverProfile .td-cancelbutton {
display:none;
}
#approver-edit-entry label {
display:inline-block;
}
#approver-edit-entry input, #approver-edit-entry select{
margin-bottom:10px;
padding:3px 4px;
width:200px !important;
}
#approver-edit-entry textarea {
width:300px !important;
}
#approver-edit-entry .button-std {
width:auto !important;
}
.grid-search-dropdown, .grid-search {
height:auto !important;
padding:1px 3px;
}
#grid.grid-approver-data{
height:auto !important;
}


















/* Widgets
===============================================*/


/**** RSS Feed ****/

.to-flips {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 20px;
	padding: 10px;
	width: 178px;
}
.to-flips h1 {
	margin: 5px 0;
	padding: 0;
}
.to-flips .content {
	height: 150px;
	overflow: hidden;
	position: relative;
}
.to-flips .content .grey{
	color: #999;
}
.to-flips .content .block {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}
.to-flips .flipnav{
	margin: 0 0 0 70px;
}
.to-flips .flipnav .btn-left, .to-flips .flipnav .btn-right, .to-flips .flipnav .btn-left-dis, .btn-right-dis {
	width: 20px; height: 25px; 
	color: #fff; float: left;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	margin-right: 5px; 
	background:#444;
}
.to-flips .flipnav .btn-left-dis, .to-flips .flipnav .btn-right-dis {
	color: #ccc;
	cursor: default;
	background:#444;
}




/**** Login Widget ****/




select,input,select>option {
	color:black;
}

.aboutImages img {
	display:inline-block;
	margin:10px 20px;
}


.fafWell a {
	color: #13acbc;
}


[class*="span"] {
    float: left;
}


/**** tooltip ****/

.ui-tooltip, .arrow:after {
    background: #165a44 !important;
    border: 2px solid white !important;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }




/*ICONS*/
/*label[for="Application Questions::Affinity Groups_6196"] {
   display: none;
}
input[name="Application Questions::Affinity Groups[6196]"] { 
	background-image: url("https://volunteer.samaritan.com/custom/515/images/ABO.jpg");
}​
*/