/**
 * Basic Styles
 */

.vp-button {
	border: 1px solid #000000;
	background-color: #000000;
	color: #FFFFFF;
	padding: 7px 15px;
	display: inline-block;
	text-decoration: none;
}

.volunteer-plus-form h1,
.volunteer-plus-form h2,
.volunteer-plus-form h3 {
	clear: both;
}

/**
 * Modal
 */

.vp-modal {
	max-width: 350px;
	background-color: #FFFFFF;
	float: none;
	position: relative;
	padding: 15px;
	margin: 0 auto;
}

.vp-modal button.mfp-close:hover {
	background: none;
}

/**
 * Layout
 */

.vp-row {
	clear: both;
}

.vp-row:before,
.vp-row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
	
.vp-row:after {
	clear: both;
}

.vp-row .vp-col {
	float: left;
}

.vp-row .vp-col-last {
	float: right;
}

.vp-row .vp-col-8 {
	width: 60%;
}

.vp-row .vp-col-4 {
	width: 35%;
}

.vp-row .vp-col-6 {
	width: 47.5%;
}

/**
 * Form Layout and Style
 */

.volunteer-plus-form .vp_frm_field {
	margin-bottom: 15px;
}

.volunteer-plus-form .vp_frm_field.vp_frm_field_first,
.volunteer-plus-form .vp_frm_field.vp_frm_field_last {
	width: 48%;
}

.volunteer-plus-form .vp_frm_field.vp_frm_field_first {
	float: left;
}

.volunteer-plus-form .vp_frm_field.vp_frm_field_last {
	float: right;
}

.volunteer-plus-form .vp_frm_field.vp_frm_field_hidden,
.volunteer-plus-form .frm_location {
	display: none;
}

.volunteer-plus-form label span {
	color: #990000;
	font-weight: normal;
}

.volunteer-plus-form input,
.volunteer-plus-form textarea,
.volunteer-plus-form select {
	border: 1px solid #DDDDDD;
	padding: 7px;
	width: 100%;
	box-sizing: border-box;
	outline: 0;
}

.volunteer-plus-form input[type="checkbox"] {
	width: auto;
}

.volunteer-plus-form input:focus,
.volunteer-plus-form textarea:focus {
	border-color: #BBBBBB;
}

.volunteer-plus-form .vp_frm_field p.help-block {
	font-size: 14px;
	color: #999999;
	display: block;
	margin-top: 5px;
}

.volunteer-plus-form .vp_frm_field span.help-block.form-error {
	font-size: 14px;
	display: block;
	color: #990000;
}

.volunteer-plus-form .SumoSelect,
.volunteer-plus-form .SumoSelect > .optWrapper {
	border: 1px solid #DDDDDD;
}

.volunteer-plus-form .SumoSelect > .optWrapper {
	width: 100%;
}

.SumoSelect > .optWrapper > .options > li label {
	font-weight: normal;
}

.volunteer-plus-form .date_birth_prefer_not_say {
	margin-top: 7px;
	color: #666666;
}

.volunteer-plus-form .date_birth_prefer_not_say input {
	margin-right: 5px;
}

.volunteer-plus-form table.availability {
	margin: 25px 0;
	background: none;
}

.volunteer-plus-form table.availability tbody tr td,
.volunteer-plus-form table.availability thead tr th {
	border: 1px solid #DDDDDD;
	text-align: center;
	background: none;
	width: 25%;
	padding: 12px;
}

.volunteer-plus-form table.availability tbody tr td:first-child {
	background-color: #F9F9F9;
	text-align: right;
	font-weight: bold;
}

.volunteer-plus-form table.availability thead tr th {
	background-color: #F9F9F9;
	padding: 6px;
	font-weight: bold;
}

.volunteer-plus-form table.availability thead tr th:first-child {
	background: none;
	border: none;
}

.volunteer-plus-form table.availability thead tr th:first-child input {
	margin-right: 5px;
}

.volunteer-plus-form .frm_location {
	background-color: #F9F9F9;
	border: 1px solid #DDDDDD;
	padding: 12px 12px 0;
	margin-top: 30px;
}

.volunteer-plus-form button{
	clear:both;
	display: inline-block;
	background-color: #000000;
	color:#FFFFFF;
	line-height: 40px;
	padding:0px 18px;
	border:none;
}

.volunteer-plus-form input[type=text],
.volunteer-plus-form input[type=email],
.volunteer-plus-form input[type=password],
.volunteer-plus-form textarea {
	color:#000;
}

.volunteer-plus-form input[type=text]:focus,
.volunteer-plus-form input[type=email]:focus,
.volunteer-plus-form input[type=password]:focus,
.volunteer-plus-form textarea:focus {
	color:#000;
}

.volunteer-plus-form table.availability td {
	padding:5px;
}

.volunteer-plus-form .reset-password {
	padding-top: 10px;
}

.volunteer-plus-form button,
.vp-opp-container button {
	outline:0;
	display: block;
}

.SumoSelect > .optWrapper > .options > li label {
	font-weight: 200;
}

.volunteer-plus-form .quality_control input[type="radio"]{
	width:15px;
}

/**
 * Messages
 */

.volunteer-plus-success {
    background-color: #24AF54;
    color: #FFF;
    padding: 10px !important;
    list-style: none;

}
.volunteer-plus-error {
    background-color: #990000;
    color: #FFF;
    padding: 10px !important;
    list-style: none;
}

.volunteer-plus-success li:last-child,
.volunteer-plus-error li:last-child {
	margin: 0;
}

.volunteer-plus-message {
	background-color: #EEEEEE;
	padding: 15px 35px 15px 15px;
	margin: -15px -15px 15px;
}

.volunteer-plus-message p:last-child {
	margin: 0;
}

/**
 * Opportunity
 */

#vp-opportunity .vp-row {
	margin-bottom: 30px;
}

#vp-quality-control li {
	background: url('../images/qc_tick.png') top 4px left no-repeat;
	background-size: 20px auto;
	padding-left: 30px;
	margin-bottom: 13px;
}

#vp-quality-control li.status_2 {
	background: url('../images/qc_cross.png') top 4px left no-repeat;
	background-size: 20px auto;
}

/*#vp-availability table tbody tr td {
    border-bottom: 1px solid #DDDDDD;
    padding: 12px 7px;
}

#vp-availability table thead tr th {
    border-bottom: 2px solid #DDDDDD;
    text-align: center;
    font-weight: normal;
    padding: 12px 7px;
}

#vp-availability table tbody tr:nth-child(even) {
	background-color: #F9F9F9;
}*/

#vp-availability table span.available {
	background: url('../images/av_tick.png') no-repeat;
	background-size: 20px auto;
	width: 20px;
	height: 17px;
	margin: 0 auto;
	text-indent: -9999px;
	display: block;
}

#vp-availability table span.not_available {
	background: url('../images/av_cross.png') no-repeat;
	background-size: 15px auto;
	width: 15px;
	height: 15px;
	margin: 0 auto;
	text-indent: -9999px;
	display: block;
}

#vp-map {
	width: 100%;
	height: 250px;
	display: inline-block;
}

/**
 * Search Results
 */

ul.vp_opportunities, ul#vp-quality-control {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.vp_opportunities li {
	background-color: #F2F2F2;
	padding: 12px;
	margin-bottom: 15px;
}

ul.vp_opportunities li p.vp-view-opportunity a {
	border: 1px solid #000000;
	background-color: #000000;
	color: #FFFFFF;
	padding: 7px 15px;
	display: inline-block;
	text-decoration: none;
}

#vp-pagination {
	list-style: none;
	padding: 0;
	margin: 0;
}

#vp-pagination li {
	display: inline-block;
	width: 27px;
	text-align: center;
	margin: 0 5px 5px 0;
}

#vp-pagination li a {
	background-color: #EEEEEE;
	display: block;
	text-decoration: none;
	padding: 2px 0;
}

#vp-pagination li a.current {
	background-color: #000000;
	color: #FFFFFF;
}

/**
 * Custom
 */

#vp-search-custom .volunteer-plus-form a#advanced-search-toggle {
	text-decoration: underline;
	color: #FFFFFF;
}

#vp-search-custom .volunteer-plus-form .advanced-search {
	background-color:#FFFFFF;
	display: none;
	padding: 15px;
	margin-bottom: 20px;
}

#vp-search-custom .volunteer-plus-form .advanced-search label {
	color: #222222;
}

@media screen and (max-width: 640px) {
	
	.vp-row .vp-col {
		float: none;
		width: 100%;
	}
	
}