/*===========================================
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
==========================================*/


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

fieldset {
	margin-top:40px;
	margin-bottom:20px;
	border:0;
	padding: 0;
}
legend {
	color: #444444;
    font-size: 22px;
	padding-top:0;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}
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: 16px;
	font-weight:bold;
	font-style: italic;
}
p {
	font-size:14px;
}
a {
	cursor:pointer;
	word-wrap:normal;
}
.textxs { font-size:0.7em;}
.text-sm { font-size:0.8em;}
.text-lg { font-size:1.15em;}
.text-xl { font-size:1.25em;}

#headerBackground{
	width:100%;
	background-image: url("../images/headerImg.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	height: 230px;
	z-index: -1;
}

#headerFade{
	background-color:rgba(0,0,0,0.6);
	padding-bottom: 115px;
	border-top: 4px solid #386603;
}
#footerLeft ul{
	list-style-type: none;
}
#footerLeft ul li a {
	float:left;
	padding-left: 15px;
	color:white;
}
#footerLeft p{
	float:left;
	padding-left: 55px;
	display:block;
	width:100%;
}
#footerLeft p:nth-child(2) {
	padding-top:15px;
}
#footerRight ul{
	float:right; padding-right: 10px;
	list-style-type: none;
}
#footerRight ul li{
	float:right;
	padding-right: 10px;
}
#footerRight ul li a{
	color:white;
	font-size: 125%;
}
#footerRight ul li a:hover{
	color:#4E9258;
}
/**** Field and Label Styles ****/
.data-checkbox {
	margin:0 4px 0 0;
}
.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;
	font-weight:normal;
}
select {
	width:200px;
	padding:3px;
	border-radius:4px;
	border:1px solid #666666;
}


/**** 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;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
#login_button, #VOL_FGP_SUBMIT_BUTTON, .button {
	background-color: #428BCA;
    border-color: #357EBD;
    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: #3276B1;
    border-color: #285E8E;
    color: #FFFFFF;
}

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

.helper-text {
	color: #31B3D1;
	font-size: 16px;
}
.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;
}

.welcomeCont {
	background-color: white;
}

.mainBtn {
	background-color: #428BCA;
    border: 1px solid #357EBD;
    font-size: 24px;
    display: inline-block;
    border-radius: 4px;
    padding: 10px 0;
}

.mainBtn > a {
	    color: white !important;
	    text-decoration: none;
	    padding: 10px 40px;
}

.mainBtn > a:hover {
	background-color: #357EBD;
}

.newVOL {
	font-size: 16px;
}

.forgotVOL {
	color:#386603;
}







/* 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: 0; 
	height: 1px; 
	background: #333; 
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
	background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); 
	background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); 
	background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
	display: inline-block;
	width: 100%; 
	margin: 0 0 10px;
	padding: 0;
}

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

.thumbnail {
	width: 100%;	
}

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

#view_details_link {
	width: 100%;	
	color: #0000EE;
    text-decoration: underline
}

#view_details_link:hover {color:#551A8B; }

.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 {
/*	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);*/
	}

#hotOpp {
	text-align:center;
}

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

.oppBox {
	display:inline-block;
	width: 250px;
	border: 1px solid gray;
	border-radius: 6px;
	margin: 0 10px;
	background: white;
	box-shadow: 2px 4px 5px 1px #707070;
	-moz-box-shadow: 2px 4px 5px 1px #707070;
	-webkit-box-shadow: 2px 4px 5px 1px #707070;
}

.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: cover;	
	width: 248px;
	height: 186px;
	background-repeat:no-repeat;
}

.hotOppImg img{
	
}

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

.hotOppOrg {
	height: 30px;
}

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

.hotOppOrg, .hotOppArea{
	padding: 0 10px;	
	text-align: left;
}

.hotOppDetailBtn {
	padding: 10px;
	text-align: left;	
}

.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 #386603;
    line-height: 20px;
    padding: 10px;
}

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

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

.pbs-footer {

}

.pageID {
	color: white;
	background: #7A7E85;	
	padding: 10px 0;
}

.pageID h3 {
	color: white;	
	margin: 0;
	padding:0;
}

.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: #555;
	font-family: 'PT Sans',"Helvetica Neue",Arial,sans-serif;
	font-size: 100%;
	line-height: 1.3;
	margin: 0 auto;
}

body {
	/*background: #656565;*/	
}
.header {
	background: #eee;
	box-shadow: 0 0 2px 1px rgba(147, 165, 180, 1);
	}
.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:black; 
}















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

/**** Volunteer Navigation ****/
#volunteer-nav.collapse .nav > li {
	display:inline-block;
	/*border-left:1px solid #ccc;
	border-right:1px solid #ccc;*/
}
#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;
	background-color: #386603;
}
#volunteer-nav .nav > li > a {
	color:white;
	font-size:15px;
	padding:12px;
	margin-right: 17px;
}
#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;
	color:black;
	margin-right: 17px;
}
#volunteer-nav .nav > li > a:hover, #volunteer-nav .nav > li > a:focus {
	background: white;
	color:black;
	margin-right: 17px;
}
#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 {
	border: 0 !important;	
	border-radius: 0 !important;
	margin-bottom: 0 !important;
	background-color: #386603;
	margin-top: -10px;
}
.navbar-toggle {
	background:#CECECE;
	border:1px solid #bbbbbb;
}
.navbar-toggle .icon-bar {
    background-color: #000000;
}



/* 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;
}













/* Top & Bottom Styles
===========================================*/
.footer-bar {
	height: 5px;
    background: #386603;
    box-shadow: 0 1px 3px #003768 inset;
	color:#fff;
	margin-left: 18px;
	margin-right: 18px;
}
.footer-bar a {
	color:#fff;
}

.footer-bar a {
	text-decoration:none;
	font-size: 16px;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
	
}
.footer-bar ul {
		margin-top:4px;
}


.footer-bar li {
			border-left:1px solid #fff;
			padding: 0 10px;
}
.footer-bar li:first-of-type {
			border-left:none;
			padding: 0 10px;
}
.footer-links {
	border-right: 1px solid white;
}

.social {
    color: #fff;
    font-family: 'PT Sans',"Helvetica Neue",Arial,sans-serif;
    font-size: 24px;
    font-style: normal;
    line-height: 24px;
    list-style-type: none;
}
.social a {
    color: #fff;
    font-family: 'PT Sans',"Helvetica Neue",Arial,sans-serif;
    font-size: 24px;
    font-style: normal;
    line-height: 24px;
    margin-right: 10px;
	text-decoration: none;
}
.social a:hover {
    text-decoration: underline;
}


/* 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; /*To match label line height*/
    padding: 0 3px 0 0;
	position:relative;
	top:2px;
}
/* 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
===========================================*/


/**** 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;	
}

	
/* 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;
}

.dashLinks a {
	display: block;	
}

.dashLinks h4{
	color: #428bca;	
}
	
	
/**** 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:16px;
	margin-bottom: 3px;
}

#VolunteerLogin p.important {
	color: black;
	font-size: 16px;
	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: 16px;
	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:24px;
	border-top:0 none !important;
	font-size:16px!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;
  height:24px;
  }
 .logbook-details-section {
	border:1px solid #eee;
	border-radius:5px;
/*	width:1136px; */
	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: 16px;
  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;
}

#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;
}
/*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: 800px!important;
}


	



	
	



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

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



/**** 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;
}
#view_map_link {
	display:inline-block;
	padding-left:44px;
	height:42px;
	padding-top:18px;
}
.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;
}

	
/**** 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:16px;
	margin-bottom: 3px;
}

#OrganizationLogin p.important {
	color: black;
	font-size: 16px;
	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: 16px;
	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 ****/


#orgSearch li {
	list-style-type:none !important;
}

ul#orgSearch {
	margin-left:-40px !important;
}

footer p>a {
	color:white !important;
}

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

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

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

.missionDiv {
	text-align: center;
}

.missionCol {
	display:inline-block;
	vertical-align: top;
	cursor:pointer;
	max-width: 175px;
}

.missionCol > h4 {
	font-size: 20px;
	font-weight: bold;
}

.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%;
		max-width: 150px;
	}
}

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

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

.missionImg1 {
	background-image: url(https://ec.samaritan.com/custom/1528/images/icons/hatgv.jpg);
	width:100px;
	height:100px;
	border-radius: 50%;
	margin: 0 auto;
}


.missionImg2 {
	background-image: url(https://ec.samaritan.com/custom/1528/images/icons/scales.jpg);
	width:100px;
	height:100px;
	border-radius: 50%;
	margin: 0 auto;
}

.missionImg3 {
	background-image: url(https://ec.samaritan.com/custom/1528/images/icons/vr.jpg);
	width:100px;
	height:100px;
	border-radius: 50%;
	margin: 0 auto;
}

.missionImg4 {
	background-image: url(https://ec.samaritan.com/custom/1528/images/icons/ch.jpg);
	width:100px;
	height:100px;
	border-radius: 50%;
	margin: 0 auto;
}

.missionImg5 {
	background-image: url(https://ec.samaritan.com/custom/1528/images/icons/fo.jpg);
	width:100px;
	height:100px;
	border-radius: 50%;
	margin: 0 auto;
}

.missionImg6 {
	background-image: url(https://ec.samaritan.com/custom/1528/images/icons/manual.jpg);
	width:100px;
	height:100px;
	border-radius: 50%;
	margin: 0 auto;
}

.circle1 {
	color:#386603;
}
.circle2 {
	color:#386603;
}
.circle3 {
	color:#386603;
}
.circle4 {
	color:#386603;
}
.circle5 {
	color:#386603;
}
.circle6 {
	color:#386603;
}

.secondaryInfo .row {
	background: white;
}