/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */


body,
div.full-width,
.row {
	/*min-width:768px;*/
}


.content p {
	text-align:left ;
}

.content td {
	vertical-align:top;
}

#content-group,
#sidebar-last {
	margin-top:20px;
}

div.block,  div.content, div.view, div.node, div.blog {
	font-family: times new roman, verdana, sans-serif; 
	color: #5C5C8A; /* blue/lavender a little darker than #666699 */
}

.asap-link-basic a:link, 
.asap-link-basic a:visited,
.asap-link-basic a:active  {
	text-decoration:none;	
	color: #5C5C8A; /* blue/lavender a little darker than #666699 */
}
.asap-link-basic  a:hover {
	text-decoration:none;	
	color: #9D0E5A;
}

a:link, a:visited, a:active, a:hover 
{
  text-decoration:underline;
 	color: #9D0E5A; /* purple */
}

.meta {
	margin-bottom:20px;
}

span.date-display-single {
	margin-left:-10px;
}

.group-pmt-services .field-label-inline-first,
.group-pmt-info     .field-label-inline-first {
	float:left;
	width:120px;
}
.field-items {
	clear:both;
}

.asap-error {
	color: red;
	font-weight: bold ;
}
.asap-warning {
	color: red ;
}

.asap-10p {
	font-size:10px ;
}
.asap-12p {
	font-size:12px ;
}
.asap-14p {
	font-size:14px ;
}
.asap-16p {
	font-size:16px ;
}
.asap-20p {
	font-size:20px ;
}
/************************************************************************************************************** LOGO *******************/
.header-top-inner {
	/*height:100px;*/
	background:  #F9D2F4 url('/files/images/ASAPSitters_logo_60x60.png') no-repeat left center;
	background-size:6%;
}

/************************************************************************************************************ SLOGAN *******************/
#asap-slogan {
	color:gray ;
	font-size:0.9em;
	text-align:center;
	max-width:1320px;
	margin:5px auto;
	
}

/************************************************************************************************************** MENU *******************/
#asap-menu-container {
	width:85% ;
	border-bottom:1px solid gray; /* H2 10px */
	margin:auto;
	/*height:40px;   H2  was 82px*/
	text-align:center;
}
#asap-menu {
	display:inline-block;
}
.asap-menu-list {
}
.asap-menu-item {
	float:left;
	padding:10px 10px;  /* H2  30px 10px*/
	text-align:center;
	font-size:1.1em;
	/*  H2  width:75px; */
}
.asap-menu-item {
	/*  h2  background: white url(/files/images/pink-circle-h80-c.png) no-repeat center center;  */
}
.asap-menu-item-selected {
	/*  h2  background: url(/files/images/gray-circle-h80-c.png) no-repeat center center; */
}
.asap-submenu-list {
	margin-top: 10px; /*   H2 was 25 px */
	margin-left: 5px;	
	visibility:hidden;
	position:absolute;
	z-index:1;
	background-color:#E6E3E5;
	border-radius:15px;
	border-color:white;
}
.asap-submenu-list table {
	margin:auto;
	width:auto;
}
.asap-submenu-list tbody {
	border:none;
}
.asap-submenu-item,
.asap-submenu-item-selected {
	width:110px;
	font-size:1em;
	background-color: #E6E3E5 ; /* gray */
	text-align:center;
	line-height:2.5em;
	border-bottom:1px solid white;
	border-radius:15px;
	padding:5px;
	cursor: pointer;
}
.asap-menu-item a:link,  
.asap-menu-item a:visited,
.asap-menu-item a:active,
.asap-submenu-item a:link,  
.asap-submenu-item a:visited,
.asap-submenu-item a:active {
	text-align:center;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:2px;
	text-decoration:none;
	color:#333 ;/* was #5C5C8A;  blue/lavender */
}
.asap-menu-item:hover {
/* H2 	background: url(/files/images/gray-circle-h80-c.png) no-repeat center center; */
	color: #9D0E5A; /* purple */
}
.asap-menu-item a:hover,
.asap-submenu-item a:hover,

.asap-menu-item-selected a:link, 
.asap-menu-item-selected a:visited,
.asap-menu-item-selected a:active,
.asap-menu-item-selected a:hover  {
	color: #9D0E5A; /* purple */
}
.asap-submenu-item:hover,
.asap-submenu-item-selected {
	background-color:#F9D2F4; /* pink */
}

/************************************************************************************************************ FOOTER *******************/
#block-block-64 .inner {
	margin-left:0px;
	margin-right:0px;
}
.asap-voteus {
	text-align:center;
	margin:10px 0 0 0;
	padding:0;
}
.asap-footer {
	float:left;
	margin:0px;
	background-color:#F7F2F1;
	width:100%;
}
.asap-footer-logo {
	float:left;
	text-align:center;
	width:30%;
	height:100%;
	background-color:#F7F2F1;
}
.asap-footer-logo-logo {
	background-color: #F9D2F4;
}

.asap-footer-images {
	float:left;
	width:50%;
	text-align:center;
	border-right:2px solid white ;
	border-left:2px solid white ;
	margin-top:5px;
	height:100%;
}
.asap-footer-images-col1 {
	float:left;
	width:32%;
}
.asap-footer-images-col2 {
	float:left;
	margin:20px 0 0 0;
	width:32%;
}
.asap-footer-images-col3 {
	float:left;
	width:32%;
}

.asap-footer-contact {
	float: left;
	width: 19%;
	text-align: center;
}
.asap-footer-contact-contact {
	text-align:center;
	font-size:1.3em;line-height:1.2em; 
	padding:0 5px 15px 0px; 
	margin-left:5px;
	border-bottom:2px solid white
}

/*
.asap-footer-menu {
	float:left;
	width:22%;
	padding-left:10px;
	border-right:2px solid white;
	height:100%;
	line-height:1.8em;
	font-size:11px 
}
.asap-footer-menu p {
	margin:10px 0 ;
}
.asap-footer-menu-left,
.asap-footer-menu-right {
	float:left;
	margin-top:5px;
}
.asap-footer-menu-right {
	width:52%;
}
.asap-footer-menu-left {
	width:48%
}
*/

/********************************************************************************************************* Home Page *******************/

#home-areas a:link, 
#home-areas a:visited,
#home-areas a:active,
#home-areas a:hover {
	color: #5C5C8A ;
	font-weight:bold;
	text-decoration:none;
}

div.home-column {
	font-size:15px;
}

.asap-splash {
	clear:both;
	margin:25px 0 0 20px ;
}
.asap-splash a:link,
.asap-splash a:visited,
.asap-splash a:active,
.asap-splash a:hover {
	text-decoration:none;
}
.asap-splash-left {
	float:left;
	width:49%;
	margin-right:2%
}
.asap-splash-right {
	float:right;
	width:49%;
}
.asap-splash-bullets {
	float:left;
	width:35%;
	margin-right:5px;
	line-height:110%
}
.asap-splash-bullets-right {
	width:36%;
	line-height:100%
}
.asap-splash-image {
	float:right;
	width:55%;
	margin-right:20px;
}
.asap-splash-content {
	clear:both;
	margin-top:15px	
}
.asap-splash-action {
	margin:15px 0 5px 0;
	text-align:center;
	font-size:18px;
}

.asap-home-testimonial {
	width: 30%;
	padding: 10px;
	float: left;
	font-family: Josefin Sans;
	font-size: 1.2em;
	font-weight: 300;
	min-width: 200px;
}

/********************************************************************************************************* sitter Home Page **************/
.sitter-home {
	text-align:center;
	max-width:600px;
	margin:auto ;
	color:#5C5C8A;
	font-weight:normal;
}
.sitter-home .sitter-home-title {
	font-size:30px;
	margin-bottom:40px;
	text-align:center ;
}
.sitter-home .sitter-home-subtitle {
	font-size:24px;
	margin-top:30px;
	line-height:1.2em;
	text-align:center ;
}
.sitter-home hr {
	border:1px solid #C69;
	background-color: #C69;
}

/********************************************************************************************************* Click boxes *******************/

.asap-button-body {
	background-color: #F9D2F4 ;	/* pink */
	color:#5C5C8A; 				/* blue-lavender */
}
.asap-button-link a:link,
.asap-button-link a:visited,
.asap-button-link a:active,
.asap-button-body a:hover {
	background-color: #F9D2F4 ;	/* pink */
	color:#5C5C8A; 				/* blue-lavender */
	text-decoration:none;
	font-weight:normal;
	text-transform: lowercase; 
}
.asap-button-active,
.asap-button-active:hover,

.asap-button-body:hover,
.asap-button-link a:hover {
	background-color:  #E6E3E5 ; /* gray */
	color: #9D0E5A; /* purple */
}

/********************************************************************************************* LOGIN BLOCK - BLOCK#0 *******************/

#block-user-0 {
	width:235px;
	background-color:#FFFAFF ;
	border: 2px solid #cc6699;  /* pink */
	border-radius:10px;
	padding: 10px 0 10px 0;
	margin:25px 15px 0 0;
}

#block-user-0 #edit-name-wrapper, #block-user-0 #edit-pass-wrapper {
	float: left;
	width: 95px;
	margin: 0px 10px 5px 0px;
}

/* remove * after name and password in login form*/
#block-user-0 #edit-name-wrapper .form-required, #block-user-0 #edit-pass-wrapper .form-required {
	display:none;
}

#block-user-0 .form-submit {
	float: left;
	margin: 10px 0px 0px 0px;
}

/* don't display "create new account" and "request new password" */
#block-user-0 li{
  display:none;
}

/* remove create account tab/link from login page */
#pid-user ul.primary li.create-new-account {
display: none;
}


/********************************************************************************************** top right user links *******************/
#corner-user-account-wrapper {
/*	width:75%;*/
	float:right;
}
#corner-user-account {
	text-align:right ;
	font-weight:normal ;
	color:#5C5C8A;
	font-size:12px;
}
#corner-user-account a:link,
#corner-user-account a:visited,
#corner-user-account a:active {
	color:#5C5C8A;
	text-decoration:none;
}
#corner-user-account a:hover {
	color:#9D0E5A;
	text-decoration:underline;
}
#block-block-22 {
	margin-bottom: 5px;
}

/********************************************************************************************** constant contact *******************/
#corner-user-account-wrapper .asap-ctct {
	margin-top:10px;
	font-size:10px;
	text-align:right ;
}
.asap-ctct a:link,
.asap-ctct a:visited,
.asap-ctct a:active {
	padding:8px 10px ;
	color: #5C5C8A;
	text-decoration:none;
	border:1px solid #5C5C8A;
	border-radius:5px;
}
.asap-ctct a:hover {
	color: #9D0E5A; /* purple */
	background-color: #E6E3E5 ;
}
.asap-ctct-footer {
	margin-top:0;
	font-size:10px;
}

/************************************************************************************************* Preface top Blocks *******************/
#block-block-77, #block-block-78 {
	border-bottom: 1px solid gray;
}
#block-block-80 {
	margin-bottom:0 ;
}
/************************************************************************************************* right-side Blocks *******************/

/* We're hiring
=======BUG?? block with class "grid16-16" instead of "grid16-14 fusion-right"
*/
#block-block-55, #block-block-58, #block-block-61 {
	width:235px !important;
	float:right !important;
}


/* Family sign-up and Sitter Apply block-61*/
.asap-button-signup-wrapper {
	width:220px;
	text-align:center;
	padding-right:25px;
	font-size:17px
}
.asap-button-signup-wrapper a:link, 
.asap-button-signup-wrapper a:visited,
.asap-button-signup-wrapper a:active {
	text-decoration:none;
	color: #5C5C8A ;
}
.asap-button-signup,
.asap-button-apply {
	width:105px;
	height:100px;
	background: #FFFAFF url(/files/images/pink-circle-h100-c.png) no-repeat center center; 
	float:left;
	text-align:center;
	cursor:pointer;
}

.asap-button-signup:hover,
.asap-button-apply:hover {
	background: url(/files/images/gray-circle-h100-c.png) no-repeat center center;
	color:#9D0E5A;
}

/* user navigation, contact and as-seen-on*/
#block-user-1, #block-block-40, #block-block-55, #block-block-56, #block-block-58, #block-block-61, #block-contactus {
	width:190px;
	background-color: #FFFAFF;
	border: 2px solid #cc6699;  /* pink */
	border-radius:10px;
	padding: 10px 0 10px 0;
	margin: 0 0px 20px 0;
}

/* links for navigation menu and footer*/
#block-user-1 a:link, 
#block-user-1 a:visited,
#block-user-1 a:active,
#block-block-64 a:link, 
#block-block-64 a:visited,
#block-block-64 a:active {
	text-decoration:none;
	color: #5C5C8A ;
}
#block-user-1 a:hover,
#block-block-64 a:hover {
	text-decoration: underline;
	color:  #9D0E5A; /* purple */
}

#block-contactus {
	width:215px;
	float:right;
	padding:10px 10px 10px 10px;
	margin: 20px 5px 0 0;
}

#block-block-41 {
	width:235px;
	border: 2px solid #cc6699;
	border-radius:10px;
	padding: 10px 0 10px 0;
	margin: 20px 15px 0 0;
}
/* block titles */
#block-user-0 .block-title,
#block-user-1 .block-title, 
#block-block-40 .block-title, 
#block-block-41 .block-title, 
#block-block-55 .block-title,
#block-block-56 .block-title,
#block-block-61 .block-title,
#block-contactus .block-title
 {
	font-size:18px;
	font-weight: bold;
	font-style: italic;
	/*color: #9D0E5A; /* purple */
	color: #5C5C8A; /* blue/lavender */
	padding-bottom:5px;
	border-bottom:2px solid #cc6699;
}

/* facebook (#10), cbs (#41), need a sitter? (#23) want to be a sitter? (#28) and request a sitter */
#block-block-10, #block-block-23, #block-block-27, #block-block-28 {
	width: 250px;
	padding: 0px 0 0 0;
	margin: 10px 15px 0 0;
}

/* sharing icons block */
#block-block-32 {
	width:200px;
	margin: 0 25px 0 0;
}

#block-block-30 h1, #block-block-31 h1, #block-block-30 h2, #block-block-31 h2 {
  color: #666699;
}

/************************************************************************************************* client/agreement  *******************/
.asap-client-agreement {
	height:300px;overflow-y:scroll;font-size:12px
}

/************************************************************************************************************* blog  *******************/
.blog-title { /* page title*/
	font-weight:bold;
	color: #5C5C8A; 
	font-size:24px;
	line-height:1.5em;
}
.meta .submitted {
/*	color: #cc6699; */
}
.node-type-blog {
	padding-top:5px;
	border-top: 1px solid #cc6699;
}
.node-type-blog h2 a:link,
.node-type-blog h2 a:visited,
.node-type-blog h2 a:active {
	font-weight:bold;
	color: #5C5C8A; 
	text-decoration: none ;
}
.node-type-blog h2 a:hover {
	color: #9D0E5A;  /* purple */
	text-decoration: underline ;
}

.node .links {margin-top:20px;}

/**********************************************************************************************Blog read more and comments buttons********/

.node ul.links a,
#comments ul.links a,
#content-content .node ul.links li.comment_forbidden a {
	padding:10px;
	border: 1px solid #5C5C8A;
	text-decoration: none;
	border-radius: 5px;
	font-size:13px;
	line-height:1.5em;
}
.node .add-new-comment,
.node .comment_edit,
.node ul.links li.blog_usernames_blog  {float:right;margin-left:20px}

.node ul.links li.node_read_more {float:left;margin-right:20px;font-size:1.1em}

#comments .comment {
	border-top: 2px solid #cc6699 ; /* pink */
	margin-top:10px ;
}

/*************************************************************************************************** status messages *******************/

div.content-messages-inner div.status, 
div.content-messages-inner div.error {
	margin-top:20px ;
	border-radius: 15px;
	font-weight:normal;
	font-size:1.1em;
}
div.content-messages-inner div.status {
	background-color: #FFFAFF;
	border: 3px solid #cc6699;
}
div.content-messages-inner div.status a,
div.content-messages-inner div.error a {
	text-decoration: underline;
	font-weight:bold ;
}
div.content-messages-inner div.error a {
	color:#B20000 ;
}
div.content-messages-inner div.status,
div.content-messages-inner div.status a,
.content-messages-inner .status em {
	/*color: #df9534;*/
	color: #47476B ;
}

/****************************************************************************************** content tabs (view/edit) *******************/
#content-tabs {
	padding:0;
}
#content-tabs-inner {
	margin-left:0;
	border-bottom: 4px solid gray;
	border-radius:0 0 0 20px;
	/*width:570px;*/
}
#content-tabs ul.primary,
#content-tabs ul.secondary {
	border:none;
	text-transform:none;
	font-weight:normal;
	clear:none;
	margin:0;
	padding:0;
}
#content-tabs ul.primary li,
#content-tabs ul.secondary li  {
	text-align:center;
	border-radius: 12px;
	background-color: #F9D2F4; /* pink */
	color: #5C5C8A ; /* blue-lavender */
	margin:0 10px 0 0;
}
#content-tabs ul.primary li a:link,  
#content-tabs ul.primary li a:visited,
#content-tabs ul.primary li a:active,

#content-tabs ul.secondary li a:link,  
#content-tabs ul.secondary li a:visited,
#content-tabs ul.secondary li a:active, 

#content-tabs ul.primary li.active,
#content-tabs ul.primary li.active:hover,
#content-tabs ul.primary li a.active:link,  
#content-tabs ul.primary li a.active:visited,
#content-tabs ul.primary li a.active:active,
#content-tabs ul.primary li a.active:hover,

#content-tabs ul.secondary li.active,
#content-tabs ul.secondary li.active:hover,
#content-tabs ul.secondary li a.active:link,  
#content-tabs ul.secondary li a.active:visited,
#content-tabs ul.secondary li a.active:active,
#content-tabs ul.secondary li a.active:hover  {
	padding:0;
	text-decoration:none;
	color:#5C5C8A; /* blue-lavender */
	border:none;
	font-size:1em;
	font-weight:normal;
	text-transform: lowercase; 
	line-height:120%;
}
#content-tabs ul.primary li a:hover,
#content-tabs ul.secondary li a:hover {
	color: #9D0E5A; /* purple */ 
}
#content-tabs ul.primary li:hover,
#content-tabs ul.primary li.active,
#content-tabs ul.primary li.active:hover,
#content-tabs ul.secondary li:hover,
#content-tabs ul.secondary li.active,
#content-tabs ul.secondary li.active:hover {
	background-color:  #E6E3E5 ; /* gray */
}
#content-tabs ul.primary li,
#content-tabs ul.primary li.active,
#content-tabs ul.primary li.active:hover {
	padding:15px 30px;
}
#content-tabs ul.secondary li,
#content-tabs ul.secondary li.active,
#content-tabs ul.secondary li.active:hover  {
	padding:15px 25px;
}

/***************************************************************************************** request this sitter button *******************/
#asap-client-request-sitter-wrapper {
	width:140px;
	height:140px;
	margin-top:10px;
	background: #FFFAFF url(/files/images/pink-circle-h140-c.png) no-repeat center center; 
	float:left;
	text-align:center ;
	cursor:pointer;
}
#asap-client-request-sitter-wrapper:hover {
	background: url(/files/images/gray-circle-h140-c.png) no-repeat center center;
	color:#9D0E5A;
}
#asap-client-request-sitter-text {
	padding-top:50px;
	font-size:20px;
}
#asap-client-request-sitter-text a:active,
#asap-client-request-sitter-text a:link,
#asap-client-request-sitter-text a:visited {
	text-decoration:none;
	color: #5C5C8A ;
}

#sitter-request-button-wrapper {
	width:200px;
}

#sitter-request-button  {
    text-decoration: none;
    text-align: center;
    padding-bottom:20px;
    border: 2px solid #C69;
    border-radius: 20px;
    background-color: #FFFAFF;
    width:232px;
    font-size:20px;
}

#sitter-request-button a {
text-decoration: none;
color: #FFA319;
}

/*********************************************************************************************************** CONTENT *******************/

.content hr {
  border:1px solid #C69;
  background-color: #C69;
}

hr.asap-hr-grey,
hr.asap-hr-gray {
	border-color: gray;
}

.content .left20 p {
text-align:justify;
margin-left:20px;
}

/**************************************************************************************************** SITTER GALLERY *******************/
.asap-gallery-header {
	text-align:center;
	font-size:30px;
	font-weight:100;
	color:#333;
}
.asap-gallery-header-location {
	text-align:center;
	font-size:26px;
	font-weight:100;
	color:#333;
}
.asap-gallery-header-text{
	text-align:left;
	font-size:18px;
	font-weight:100;
	color:#333;
	line-height: 150%
}
.asap-gallery-name {
	font-size:1.5em;
	font-weight:bold;
	border-top:2px solid #c69;
	padding-top:10px;
	padding-bottom:15px;
}
.asap-gallery-photo {
	float: left;
	margin-right:10px;
}
.asap-gallery-bio {
	text-align: left;
	clear: both;
}
.asap-gallery-city {
	margin-top:-5px;
}
.asap-gallery-clear {
	display:none;
	clear:both;
}
/************** Gallery view exposed form *****************/
div.views-widget-filter-field_sitter_area_id_value,
div.views-widget-filter-field_sitter_area_id_value div.views-widget,
div.views-widget-filter-field_sitter_area_id_value div.views-widget #edit-area-wrapper,
div.views-widget-filter-field_sitter_area_id_value div.views-submit-button {
	display:inline;
	vertical-align:middle;
}
#edit-area {
	width:180px;
	height:28px;
	font-size:14px;	
	margin-left:5px;
}
.views-exposed-form {
	clear:both;
}
#views-exposed-form-sitter-gallery-by-area,
#views-exposed-form-sitter-gallery-by-city {
	margin-bottom:20px;
}
#edit-submit-sitter-gallery {
	display:none;
}
#edit-area-wrapper {
}

/********************************************************************* single sitter popup for available sitter list *******************/
.view-display-id-single_display, 
#block-views-sitter_gallery-single_display {
/*	border:2px solid #cc6699;
	border-radius:5px; */
	padding:5px 0 0 10px;
}
.asap-gallery-name-single {
	font-size:1.5em;
	font-weight:bold;
	border:0px;
	width:250px;
	clear:both;
	margin-top:10px;
}
.asap-gallery-photo-single {
	float: left;
	margin: 20px 0 0 0;
	width: 33%;
}
.asap-gallery-bio-single {
	text-align: left;
	float: left;
	width: 57%;
	margin: -35px 0 0 5px;
}
/*
.asap-gallery-city-single {
	margin-top:20px;
	float:left;
}*/
.asap-gallery-single-close {
	width:30px;
	float:left;
	margin:-20px 0 0 0;
	text-align:center;
	border-radius:10px;
	background-color: #F9D2F4 ; /*pink */
	color:#5C5C8A; /* blue/lavender */
}
.asap-gallery-single-close:hover{
	background-color:  #E6E3E5 ; /* gray */
	color: #9D0E5A; /* purple */
	cursor:pointer;
}

/***************************************************************************************** list of available sitters *******************/

#content-inner  {
	overflow:visible;
}
.asap-pointer{
	cursor:pointer;
}
.asap-available-list-wrapper {
	margin: 25px 0 80px 10px;
}
.asap-available-list {
	width:380px;
	border:0;
	border-collapse:separate;
}
.asap-available-list-item {
}
.asap-available-list-photo {
	margin-bottom:30px;
	font-size:18px;
}
.asap-available-list-photo-frame {
	width:130px;
	margin:9px 0 0 12px;
	border: 3px solid #cc6699;
	border-radius:10px;
}
.asap-available-list-request {
	text-align:center;
	margin-right:25px;
}
.asap-available-list-request-inner {
	height:50px; width:150px;
	text-align:center;
	border-radius:12px;
	background-color: #F9D2F4 ;
	padding-top:5px ;
	cursor:pointer;
}
.asap-available-list-request-inner:hover {
	background-color:  #E6E3E5 ; /* gray */
	color: #9D0E5A; /* purple */
}
.asap-available-list-request-inner a:link,
.asap-available-list-request-inner a:visited,
.asap-available-list-request-inner a:hover,
.asap-available-list-request-inner a:active {
	text-decoration:none;
	color:#5C5C8A; /* blue/lavender */
}

.asap-gallery-single-close a:hover
.asap-available-list-request-inner a:hover {
	color: #9D0E5A; /* purple */
}

.asap-available-list-popup-wrapper {
	position:relative;
}
.asap-available-list-popup {
	width: 455px;
	height: 290px;
	top: -45px;
	left: 155px;
	visibility: hidden;
	z-index: 1;
	background-color: white;	
	margin-bottom: 20px;
	position: absolute;
	overflow-y: scroll;
	border: 2px solid #cc6699;
	border-radius: 5px; 	
}



/********************************************************************************************* SITTER SINGLE DISPLAY *******************/
#view-id-sitter_gallery-page_1 .field-content {
  font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; 
  /*color: #cc6699;  */
}

/**************************************************************************************************** RESOURCES VIEW *******************/
.asap-view-resources h3 {
	border-bottom: 3px solid #C69;
	padding-bottom:5px;
	font-size:22px;
}
.asap-res-name {
	clear:both;
	visibility:hidden;
}
.asap-res-photo {
	float:left;
	margin-right:20px;
}
.asap-res-photo-admin {
	float:left;
	margin-right:20px;
	width:100px;
}
.asap-res-descr {
	float:left;
	width:50%;
}

div.views-widget-filter-field_res_cat_value,
div.views-widget-filter-field_res_cat_value div.views-widget,
div.views-widget-filter-field_res_cat_value div.views-widget #edit-cat-wrapper,
div.views-widget-filter-field_res_cat_value div.views-submit-button {
	display:inline;
	vertical-align:middle;
}
#edit-cat {
	height:28px;
	font-size:14px;
}
.views-exposed-form {
	clear:both;
}
#views-exposed-form-Resources-resources {
	margin-bottom:20px;
}
#edit-submit-Resources {
	display:none;
}

div.field-field-res-website p {
	display:inline;
}
div.node-type-res div.field-items { 
	margin-bottom:5px;
}
div.node-type-res div.meta {
	visibility:hidden;
}
div.node-type-res div.field-label-inline-first {
	float:left;
	width:80px;
}

/******************************************************************************************** SITTERS & CLIENTS VIEW *******************/
#edit-area-id-wrapper {
	width:140px;
}
#edit-field-sitter-first-name-value-wrapper,
#edit-field-client-name-value-wrapper {
	width:170px;	
}
#edit-field-client-type-value-ORNW-wrapper { /*Hide "Old Renew" subscription in client profile form*/
	display:none ;
}



/********************************************************************************************** broken calendar LINK *******************/
.links .calendar_link {
 display:none ;
}

/*********************************************************************************************** hide preview button *******************/
#edit-preview {
  display: none;
}

/************************************************************************************************ search areas form  *******************/
#edit-zipcode {
	height:24px;
	margin-top:10px;
}
#edit-zipcode-wrapper,
#edit-zipcode-wrapper label,
#edit-zipcode-wrapper .form-submit {
	display:inline;
}

/************************************************************************************* save, cancel & delete buttons *******************/
#asapsitters-sitterRemoveDay .form-submit,

#asapsitters-client-agreement .form-submit,

#asapsitters-sitter-continueRegistration .form-submit,

#asapsitters-user-activate .form-submit,
#asapsitters-user-activate .form-submit,

#asapsitters-sitterAcceptDecline .form-submit,
#asapsitters-sitterCancel .form-submit,

#user-login-form  .form-submit,
#user-profile-form .form-submit,

#views-exposed-form-Resources-resources .form-submit,

#asapsitters-searchForArea .form-submit,

.client-cancel-form .form-submit,
.sitter-cancel-form .form-submit,

.node-form #edit-submit, 
.node-form #edit-cancel,
.node-form #edit-delete,

.confirm-delete-form #edit-submit,
.confirm-delete-form #edit-cancel,

.contact-no-sitter-wrapper #edit-send,
.contact-no-sitter-wrapper #edit-cancel
 {
  width: 100px;
  height:30px;
  color: #5C5C8A ;
  font-size:16px;
  font-weight:normal;
  border:2px solid #cc6699;
  border-radius:5px;
  background-color: #FFFAFF ;
}

.node-form #edit-submit {
	width:210px;
} 
/********************************************************************************************* client agreement form *******************/
#asapsitters-client-agreement .form-submit {
	width:200px;
	height:36px;
}
#asapsitters-client-agreement #edit-prid,
#asapsitters-client-agreement #edit-login-id {
	font-size:14px;
	color: #5C5C8A ;
}
#asapsitters-client-agreement #edit-prid {
	height:28px;
}
#asapsitters-client-agreement #edit-prid option {
	height:20px;
}
#asapsitters-client-agreement #edit-login-id {
	height:20px;
}
#asapsitters-sitter-continueRegistration .form-submit{
	width:200px;
	height:36px;
}

/****************************************************************************** sitter & client cancel booking forms *******************/
#asapsitters-clientCancel .form-submit,
#asapsitters-sitterCancel .form-submit {
	width:140px;
	float:left;
	margin:10px 0 0 10px
}
#asapsitters-clientCancel #edit-reason-wrapper,
#asapsitters-sitterCancel #edit-reason-wrapper {
	float:left;
}
#asapsitters-clientCancel #edit-reason-wrapper input,
#asapsitters-sitterCancel #edit-reason-wrapper input {
	width:300px;
}	
#asapsitters-clientCancel #edit-reason-wrapper label,
#asapsitters-sitterCancel #edit-reason-wrapper label {
	display:inline;
}	
#asapsitters-clientCancel #edit-nocancel,
#asapsitters-sitterCancel #edit-nocancel {
	clear:both;
}

/**************************************************************************************** sitter accept/decline form *******************/
#edit-accept {
	clear:both;
}
#edit-decline {
	margin:10px 0 0 10px;
	float:left;
} 
#asapsitters-sitterAcceptDecline #edit-reason-wrapper {
	float:left;
}
#asapsitters-sitterAcceptDecline  #edit-reason-wrapper input {
	width:300px;
}	
#asapsitters-sitterAcceptDecline #edit-reason-wrapper label{
	display:inline;
}

/********************************************************************************************************************************/
/*
.choose-sitter-text {
	font-weight:bold;
	width:300px;
}

.choose-sitter-text a:link {
	text-decoration: underline;
}
*/
.delete-confirm-form-description {
  margin-bottom:1px;
  font-size:1em;
  font-weight:bold;
}

.confirm-delete-form #edit-submit {
  width:100px ;
}

.confirm-delete-form #edit-cancel {
  width:140px ;
}

.contact-no-sitter-wrapper #edit-send,
.contact-no-sitter-wrapper #edit-cancel {
  width:180px ;
}

.contact-no-sitter-wrapper label {
	margin-bottom:5px;
}

.contact-no-sitter-wrapper textarea {
  font-weight:bold;
  border:2px solid #cc6699;
  color: #5C5C8A ;
}

/************************************************************************ page_client content **************************/
/* remove "submitted by" label  */
.node-type-client_page .meta {
  display: none;
}

/********************************************************** sitter home page calendar image ****************************/
.asap-sitter-calendar-image {
	cursor:pointer;
	text-align:center;
	color: #C69;
	font-size:15px;
}


/********************************************************** sitter request and availability forms and instructions ********/

.asap-history,

.group-request-sitter, 
.group-request-admin-only,
.group-request-automation,
.request-sitter-instructions,

.group-availability-date, 
.availability-edit-instructions,
.availability-instructions {
  background-color:#FFFAFF ;/*#FFF5FF ;*/
  border: 2px solid #cc6699;
  border-radius:10px;
  margin-top:0;
}
.request-sitter-instructions,
.availability-instructions {
  margin-top:0;
}
.availability-edit-instructions {
	width:50% ;
	font-size:15px;
}

/* form legends */
.node-form fieldset legend,
.asap-history legend,
.group-request-sitter legend, .request-sitter-instructions legend, 
.group-availability-date legend, .availability-instructions legend,
.availability-edit-instructions legend {
	font-size:1.15em;
	font-weight: bold;
	font-style: italic;
	color: #9D0E5A; /* purple */
}
 
.request-sitter-instructions .description, .request-sitter-instructions ul,
.request-sitter-instructions .description, .request-sitter-instructions li {
	font-size:1em;
	font-weight:normal;
}

/* preferred sitter and special requests fields */
.group-request-sitter fieldset legend, #edit-field-request-preferred-sitter-0-nid-nid-wrapper label, 
#edit-field-request-special-0-value-wrapper label {
	font-size:1em;
	font-weight: bold;
	font-style: normal;
 	color: #9D0E5A; /* purple */
}

/* Hide preferred sitter */

#edit-field-request-preferred-sitter-0-nid-nid-wrapper {
  display: none;
}
#edit-field-request-preferred-sitter-0-nid-nid-autocomplete {
  display: none;
}

/*************************** Availability ***************************/

.availability-instructions .description, 
.availability-instructions ul,
.availability-instructions .description, 
.availability-instructions li {
	font-size:1em;
	font-weight:normal;
}
.group-availability-date {
	/*width:50%;*/
}

/* hide repeats tab */
/*div.content-tabs div.content-tabs-inner ul.primary li.repeats,*/
#content-tabs ul.primary li.repeats,
/* Hide  Additions */
.node-form #date-repeat-additions {
  display:none;
}

/***************************************************************************** Availability & bookings calendar popup ****/
div#calpopup {
	width:24%;
	border-radius:5px;
	box-shadow:none;
	border: 2px solid #cc6699;
	
}
div#calpopup-body {
	margin:-5px 10px 0 10px;
}
#calpopup-body  h2,
#calpopup-body .meta,
#calpopup-body div.field-label  {
	display:none;
}
div.asap-booking-popup,
div.asap-calendar-popup {
	text-align:center;
	margin-top:0;
}
#asap-popup-sitter-respond,
#asap-popup-contact,
#asap-popup-choose-sitter,
#asap-popup-view-request,
#asap-popup-edit-series,
#asap-popup-remove-day,
#asap-popup-edit-day,
#asap-popup-delete-day {
	font-size:14px;
	font-weight:normal;
	width:160px;
	border-radius:12px;
	background-color: #F9D2F4 ;
	padding-top:5px ;
	cursor:pointer;
	padding:10px;
	margin:15px auto;
	text-align:center;
}
#asap-popup-sitter-respond:hover,
#asap-popup-contact:hover,
#asap-popup-choose-sitter:hover,
#asap-popup-view-request:hover,
#asap-popup-edit-series:hover,
#asap-popup-remove-day:hover,
#asap-popup-edit-day:hover,
#asap-popup-delete-day:hover {
	background-color:  #E6E3E5 ; /* gray */
	color: #9D0E5A; /* purple */
}

#calpopup-body span.date-display-start {
	margin-left:0px;
}

/******************** views date picker ***************************/

#views-exposed-form-Client-Bookings-client-all-bookings {
	margin-bottom:20px;
}
#edit-range-min-datepicker-popup-0-wrapper .description,
#edit-range-max-datepicker-popup-0-wrapper .description {
	display:none;
}

#edit-submit-user-list,
#edit-submit-Client-Bookings,
#edit-submit-Client-Bookings-Admin {
	width:90px;
	color: #5C5C8A /*#df9534*/ ;
	font-weight: normal;
	font-size: 14px /*18px*/;
	border:1px solid #5C5C8A;
	border-radius:5px;
	background-color:white;
	
}

#edit-submit-user-list {
	margin-top:18px;
	margin-bottom:20px;
}

#edit-submit-Client-Bookings,
#edit-submit-Client-Bookings-Admin {
	margin-top:-5px;
}

#edit-range-min-datepicker-popup-0,
#edit-range-max-datepicker-popup-0 {
	width:90px;
}

div.container-inline-date.form-item.date-clear-block {
	display:inline-block;	
	margin-bottom:20px
}

#edit-range-min-wrapper label,
#edit-range-max-wrapper label {
	float:left;
	line-height:1.6em;
	margin-right:10px;
}

#edit-range-min-datepicker-popup-0-wrapper,
#edit-range-max-datepicker-popup-0-wrapper {
	float:right;
}

/******************** dual calendar backgrounds ***************************/

.calendar-calendar .month-view .full td.single-day div.view-calendar-both-availability  {
	background-color:#FFC2FF;
	border-radius:5px;	
}

div.calendar-both-header {
  font: 0.875em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; 
  /*color: #cc6699;*/
  font-size:12px;
  font-style:italic;
  font-weight:bold;
  margin-bottom:10px;
}

div#calendar-legend-green {
	background-color:#66FF33; /* GREEN: confirmed */
}

div#calendar-legend-red {
	background-color:#FF3333; /* RED: waiting for sitter */
	color:white;
}

div#calendar-legend-purple {
	background-color:#9933FF; /* PURPLE: no answer by sitter */
	color:white;
}

div#calendar-legend-grey {
	background-color:#D0D0D0; /* GREY: declined by sitter */
}

div#calendar-legend-black {
	background-color:black; /* BLACK: canceled by sitter */
	color:white;
}

div#calendar-legend-blue {
	background-color:#0033CC; /* BLUE: no sitter */
	color:white;
}

div#calendar-legend-brown {
	background-color:#996633; /* BROWN: canceled by client */
	color:white;
}

div#calendar-legend-orange {
	background-color:#FF6600; /* ORANGE: waiting for client -- client calendar*/
	color:black;
}

div#calendar-legend-fushia {
	background-color:#FF33CC; /* FUSHIA: waiting for sitter -- client calendar */
	color:white;
}

div.calendar-legend-wrapper {

}

div.calendar-legend {
    display:inline-block;
	width:108px;
	margin:20px 10px 0 0;	
	text-align:center;
	font-size:10px;
	font-weight:bold;
	border-radius:5px;
	height:25px;
	padding-top:5px;
}
div.calendar-legend-last {
	margin-right:0px;
}

.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-0 ,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-0 , 
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-10 ,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-10, 

.calendar-calendar .week-view div.single-day div.view-calendar-both-booking-0 div.weekview,
.calendar-calendar .week-view div.single-day div.view-calendar-both-booking-10 div.weekview,
.calendar-calendar .week-view td.multi-day div.view-calendar-both-booking-0 div.weekview,
.calendar-calendar .week-view td.multi-day div.view-calendar-both-booking-10 div.weekview {
	background-color:#66FF33; /* GREEN: confirmed */
	border-radius:5px;
	border:1px solid white;
	text-align:left;
	text-indent:2px;
	font-size:11px;
}

.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-1,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-1 {
	background-color:#FF3333; /* RED*/
	border-radius:5px;
	border:1px solid white;
	text-align:left;
	text-indent:2px;
	font-size:11px;
}

.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-2 ,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-2 {
	background-color:#D0D0D0; /* GREY: canceled by sitter */
	border-radius:5px;
	border:1px solid white;
	text-align:left;
	text-indent:2px;
	font-size:11px;
}

.calendar-legend-black,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-3 ,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-3  {
	background-color:black; /* BLACK*/
	border-radius:5px;
	border:1px solid white;
	text-align:left;
	text-indent:2px;
	font-size:11px;
}

.calendar-legend-brown,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-4 ,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-4 ,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-14 ,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-14  {
	background-color:#996633; /* BROWN: canceled by client */
	border-radius:5px;
	border:1px solid white;
	text-align:left;
	text-indent:2px;
	font-size:11px;
}

.calendar-legend-purple,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-5 ,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-5  {
	background-color:#9933FF; /* PURPLE*/
	border-radius:5px;
	border:1px solid white;
	text-align:left;
	text-indent:2px;
	font-size:11px;
}

.calendar-legend-fushia,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-11 ,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-11  {
	background-color:#FF33CC; /* FUSHIA*/
	border-radius:5px;
	border:1px solid white;
	text-align:left;
	text-indent:2px;
	font-size:11px;
}

.calendar-legend-orange,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-12 ,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-12  {
	background-color:#FF6600; /* ORANGE*/
	border-radius:5px;
	border:1px solid white;
	text-align:left;
	text-indent:2px;
	font-size:11px;
}

.calendar-legend-blue,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-13 ,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-13  {
	background-color:#0033CC; /* BLUE*/
	border-radius:5px;
	border:1px solid white;
	text-align:left;
	text-indent:2px;
	font-size:11px;
}

.calendar-legend-red, .calendar-legend-blue, .calendar-legend-black, .calendar-legend-brown, .calendar-legend-purple,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-1  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-1  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-3  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-3  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-11  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-11  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-13  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-13  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-4  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-4  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-14  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-14  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-5  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-5  .view-data-node-data-field-booking-time-field-booking-time-value {
	text-indent:2px;
	color:white;  /* white on RED, BLUE, BLACK, BROWN, PURPLE */
	font-size:11px;
}

.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-0  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-2  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-10  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-12  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-0  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-2  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-10  .view-data-node-data-field-booking-time-field-booking-time-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-12  .view-data-node-data-field-booking-time-field-booking-time-value {
	text-indent:2px;
	color:black;
	font-size:11px;
}

.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-1  a,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-3  a,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-4  a,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-5  a,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-11 a,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-13 a,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-14 a,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-1  .view-data-node-title a,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-3  .view-data-node-title a,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-4  .view-data-node-title a,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-5  .view-data-node-title a,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-11 .view-data-node-title a,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-13 .view-data-node-title a,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-14 .view-data-node-title a { 
	color:white;  /* white on RED, BLUE, BLACK, BROWN, PURPLE */
	text-decoration: underline;
	font-size:11px;
}

.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-0  a,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-2  a,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-10 a,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-12 a,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-0  .view-data-node-title a,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-2  .view-data-node-title a,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-10 .view-data-node-title a,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-12 .view-data-node-title a {
	color:black;  /* black for GREEN, ORANGE, DARK PINK, GREY, FUSHIA*/
	text-decoration: underline;
	font-size:11px;
}

.calendar-calendar .month-view .full td.single-day div.view-calendar-both-availability  .view-data-node-data-field-availability-field-availability-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-availability  a {
	margin-left:2px;
	color:black;
}

.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-0  div.cutoff,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-1  div.cutoff,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-2  div.cutoff,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-3  div.cutoff,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-4  div.cutoff,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-5  div.cutoff,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-10  div.cutoff,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-11  div.cutoff,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-12  div.cutoff,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-13  div.cutoff,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-14  div.cutoff {
	display:none;
}

.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-0  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-1  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-2  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-3  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-4  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-5  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-10  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-11  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-12  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-13  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.single-day div.view-calendar-both-booking-14  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-0  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-1  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-2  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-3  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-4  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-5  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-10  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-11  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-12  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-13  .view-data-node-data-field-booking-state-field-booking-state-value,
.calendar-calendar .month-view .full td.multi-day div.view-calendar-both-booking-14  .view-data-node-data-field-booking-state-field-booking-state-value,
.node-type-booking .meta {
	display:none;
}

div.calendar-calendar ul.links li {
	display:none;
}

div.date-prev {
	float:left;
	margin-top:5px ;
}
div.date-next {
	float:right;
	margin-top:5px ;
}

.calendar-calendar .full div.single-day-container {
	height:600px ;
}
.calendar-calendar .month-view table.full tr.single-day td.no-entry,
.calendar-calendar .month-view table.full tr.multi-day td.no-entry {
	height : 35px !important;
	line-height : 1.5em;
	font-size : 11px;
	text-align:center;
}

.calendar-calendar .week-view #single-day-container,
.calendar-calendar .day-view #single-day-container {
	border-top : 1px solid #CCCCCC;
	height : 700px;
}

.calendar-calendar td.single-day {
	line-height:1.5em;
	
}
a:link.add-request, a:visited.add-request,
a:link.add-avail, a:visited.add-avail {
	display: inline ;
	height: 20px;
	color:#ECBF85;;
}
a:hover.add-request,
a:hover.add-avail {
	color:red ;
	text-decoration:underline;
}

div.continues-booking, div.continuation-booking {
	font-weight:bold !important;
	color:black;
}

/******************************************************** Calendar Next Previous Buttons
*/
.calendar-calendar .date-nav .date-prev {
	border-radius:15px 0 0 15px;
}
.calendar-calendar .date-nav .date-next {
	border-radius:0 15px 15px 0;
}
.calendar-calendar .date-nav .date-prev,
.calendar-calendar .date-nav .date-next {
	text-align:center;
	color:#5C5C8A; /* blue/lavender */
	background-color: #F9D2F4 ;/*pink*/
	cursor:pointer;
	padding:10px 0 5px 0;
	width:70px;
	height:30px;
}
.calendar-calendar .date-nav .date-prev a:link,
.calendar-calendar .date-nav .date-prev a:visited,
.calendar-calendar .date-nav .date-prev a:active,
.calendar-calendar .date-nav .date-next a:link,
.calendar-calendar .date-nav .date-next a:visited,
.calendar-calendar .date-nav .date-next a:active {
/*	background-color: #F9D2F4 ;/*pink*/
	font-size:1.25em;
	text-decoration:none;
	color:#5C5C8A; /* blue/lavender */
	font-weight:normal;
	text-transform: lowercase; 
}
.calendar-calendar .date-nav .date-prev:hover,
.calendar-calendar .date-nav .date-next:hover,
.calendar-calendar .date-nav .date-prev a:hover,
.calendar-calendar .date-nav .date-next a:hover {
	background-color:  #E6E3E5 ; /* gray */
	text-decoration:none;
	color: #9D0E5A; /* purple */
}

.calendar-calendar .date-nav .date-heading h3 {
	font-size:24px;
	font-weight: bold;
	/*color: #cc6699;*/
}

/*********************************************************************************************** calendar type form **********************/

/******************************************************** manager calendar area select drop-down
*/

/* hide the apply button . Javascript submits on change.*/ 
#edit-submit-calendar-sitter-both,
#edit-submit-calendar-availability {
	display:none 
}
#views-exposed-form-calendar-sitter-both-calendar-1 #edit-type-wrapper,
#views-exposed-form-calendar-sitter-both-calendar-1 .views-widget,

#views-exposed-form-calendar-availability-calendar-1 #edit-area-id-wrapper,
#views-exposed-form-calendar-availability-calendar-1 .views-widget {
	display:inline;
}
#views-exposed-form-calendar-sitter-both-calendar-1 select,
#views-exposed-form-calendar-availability-calendar-1 select {
	height:25px;
	width:130px;
	vertical-align:middle;
	color: #5C5C8A /*#df9534*/;
	margin:0 0 5px 5px;
	padding-top:2px;
	font-size:14px;
	/*vertical-align:middle;*/
}

/******************************************************** manager calendar area select drop-down
*/
#views-exposed-form-calendar-availability-calendar-1 #edit-area-id {
	width:220px;
}
#views-exposed-form-calendar-availability-calendar-1  .views-widget-filter-field_avail_arid_value label {
	margin-right:10px;
}

/********************************************************************* Client & Sitter Registration & Account Forms *********************/
fieldset.collapsible .resizable-textarea .grippie {
width: 100%;
}
/************* Arrows **************/
html.js fieldset.collapsible legend a {
	background: url(/files/images/arrow-down-12x13.png) 0 75% no-repeat;
	padding-left:20px;
}
html.js fieldset.collapsed legend a {
	background-image: url(/files/images/arrow-right-13x12.png);
	padding-left:20px;
}

div.content-profile-display {
	border:none;
}
.profile h3{
	border:none;
	font-size:1.8em;
	margin-bottom:30px;
}

#user-profile-form,
#user-register {
	width:650px;	
}

.node-type-profile_client fieldset,		/* view client profile */
.node-type-profile_sitter fieldset,		/* view sitter profile */
#node-form fieldset.collapsed legend,	/* node-form is used for editing the sitter and client profiles */
#user-profile-form fieldset,			/* edit account information (user name and password) */
form[action*="/profile_"] fieldset,  	/* edit profile client & sitter*/
#user-register fieldset, 				/* register client & sitter */
#user-register fieldset.collapsed legend,
#content-content .captcha 
{
	width:480px;
  	background-color:#FFFAFF ;/* light pink */
	border: 2px solid  #cc6699 ;
	border-radius:10px;
	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
}

/*#node-form fieldset.collapsed legend*/
#date-repeat-exceptions fieldset.collapsed legend {
	width:90%;
}

#user-register fieldset.collapsed legend,
#node-form     fieldset.collapsed legend {
  	background-color:white;
 	padding:10px;
}

#pid-register-sitter fieldset,
#pid-register-sitter fieldset.collapsed legend{ 
	width:550px;
}

#pid-node-add-availability fieldset.collapsed legend{
	width:90%;
}
#user-register fieldset.collapsed,
#node-form     fieldset.collapsed {
	background-color:white;
	border:none;
	margin:0px 0 30px 0;
	padding-left:0;
}
#user-register fieldset legend {
	font-size:1.15em;
	font-weight: bold;
	font-style: italic;
	color: #9D0E5A; /* purple */
}
#user-register fieldset.collapsed legend a,
#node-form fieldset.collapsed legend a {
	text-decoration:none;
}

#edit-field-client-zipcode-0-value-wrapper .description {
	color: red ;  /*#9D0E5A ; --purple */
}

#edit-field-client-confirmation-value, 
#edit-field-client-confirmation-value-wrapper .description {
	float:left;
	margin-right:5px;
	margin-bottom:15px;
	margin-top:10px;
}

#edit-field-sitter-first-name-0-value-wrapper,
#edit-field-sitter-lastname-0-value-wrapper,
#edit-field-sitter-address-0-value-wrapper,
#edit-field-sitter-city-0-value-wrapper,
#edit-field-sitter-state-0-value-wrapper,
#edit-field-sitter-zipcode-0-value-wrapper,
#edit-field-sitter-cell-phone-0-value-wrapper,

#edit-field-sitter-school-1-city-0-value-wrapper,
#edit-field-sitter-school-1-state-0-value-wrapper,
#edit-field-sitter-school-city-2-0-value-wrapper,
#edit-field-sitter-school-state-2-0-value-wrapper,
#edit-field-sitter-school-city-3-0-value-wrapper,
#edit-field-sitter-school-state-3-0-value-wrapper,

#edit-field-sitter-reference-name-1-0-value-wrapper,
#edit-field-sitter-reference-name-2-0-value-wrapper,
#edit-field-sitter-reference-name-3-0-value-wrapper,
#edit-field-sitter-reference-1-phone-0-value-wrapper,
#edit-field-sitter-reference-2-phone-0-value-wrapper,
#edit-field-sitter-reference-3-phone-0-value-wrapper,
#edit-field-sitter-reference-1-email-0-value-wrapper,
#edit-field-sitter-reference-2-email-0-value-wrapper,
#edit-field-sitter-reference-3-email-0-value-wrapper,
#edit-field-sitter-start-date-1-0-value-wrapper,
#edit-field-sitter-start-date-2-0-value-wrapper,
#edit-field-sitter-start-date-3-0-value-wrapper,
#edit-field-sitter-end-date-1-0-value-wrapper,
#edit-field-sitter-end-date-2-0-value-wrapper,
#edit-field-sitter-end-date-3-0-value-wrapper,
#edit-field-sitter-supervisor-1-0-value-wrapper,
#edit-field-sitter-supervisor-2-0-value-wrapper,
#edit-field-sitter-supervisor-3-0-value-wrapper,
#edit-field-sitter-supervisor-phone-1-0-value-wrapper,
#edit-field-sitter-supervisor-phone-2-0-value-wrapper,
#edit-field-sitter-supervisor-phone-3-0-value-wrapper,

#edit-field-client-street-address-0-value-wrapper,
#edit-field-client-city-0-value-wrapper,
#edit-field-client-state-0-value-wrapper,
#edit-field-client-zipcode-0-value-wrapper,
#edit-field-client-cell-0-value-wrapper {
	float:left;
	margin-top:0;
	margin-right:15px;
}

#edit-field-client-child-1-0-value-wrapper,
#edit-field-client-child-1-age-value-wrapper, 
#edit-field-client-child-1-gender-value-wrapper,
#edit-field-client-child-1-birthdate-0-value-wrapper, 

#edit-field-client-child-2-0-value-wrapper,
#edit-field-client-child-2-age-value-wrapper, 
#edit-field-client-child-2-gender-value-wrapper, 
#edit-field-client-child-2-birthdate-0-value-wrapper, 

#edit-field-client-child-3-0-value-wrapper,
#edit-field-client-child-3-age-value-wrapper, 
#edit-field-client-child-3-gender-value-wrapper, 
#edit-field-client-child-3-birthdate-0-value-wrapper, 

#edit-field-client-child-4-0-value-wrapper ,
#edit-field-client-child-4-age-value-wrapper, 
#edit-field-client-child-4-gender-value-wrapper, 
#edit-field-client-child-4-birthdate-0-value-wrapper {
	float:left;
	margin-top:0;
	margin-right:25px;
}

#edit-field-client-child-1-birthdate-0-value, 
#edit-field-client-child-2-birthdate-0-value, 
#edit-field-client-child-3-birthdate-0-value, 
#edit-field-client-child-4-birthdate-0-value {
	width:80px;
}

#edit-field-sitter-address-0-value-wrapper {
	width:300px;
}
#edit-field-sitter-city-0-value-wrapper {
	width:200px;
}

/*
#edit-field-client-child-1-gender-value-wrapper,
#edit-field-client-child-2-gender-value-wrapper, 
#edit-field-client-child-3-gender-value-wrapper, 
#edit-field-client-child-4-gender-value-wrapper {
	width:100px;
}
*/
#edit-field-client-home-phone-0-value-wrapper,
#edit-field-sitter-home-phone-0-value-wrapper {
	float:left;
	margin-top:0;
	margin-right:5px;
}

#edit-field-sitter-degree-1-0-value-wrapper,
#edit-field-sitter-degree-2-0-value-wrapper,
#edit-field-sitter-degree-3-0-value-wrapper,
#edit-field-sitter-current-school-value--wrapper,
#edit-field-sitter-reference-1-type-value-wrapper,
#edit-field-sitter-reference-2-type-value-wrapper,
#edit-field-sitter-reference-3-type-value-wrapper,
#edit-field-sitter-reason-1-0-value-wrapper,
#edit-field-sitter-reaons-2-0-value-wrapper,
#edit-field-sitter-reason-3-0-value-wrapper,
#edit-field-sitter-employer-2-0-value-wrapper,
#edit-field-sitter-employer-3-0-value-wrapper,

#edit-field-client-further-needs-0-value-wrapper {
	clear:both;
}

#edit-field-sitter-school-2-0-value-wrapper,
#edit-field-sitter-school-3-0-value-wrapper,

#edit-field-sitter-employer-2-0-value-wrapper,
#edit-field-sitter-employer-3-0-value-wrapper {
	border-top: 1px solid #cc6699 ;
	padding-top:20px;
}

#edit-field-sitter-reference-1-org-0-value-wrapper,
#edit-field-sitter-reference-2-org-0-value-wrapper {
	border-bottom: 1px solid #cc6699 ;
	padding-bottom:20px;
}

.form-required {
  color: red;
}

#edit-field-client-child-3-age-value-wrapper label {
	margin-left:3px;
}


/********************************************************************* Area home pages */
.asap-area-title a:link, 
.asap-area-title a:visited, 
.asap-area-title a:active {
	text-decoration:none;
	color:#5C5C8A; /*gray*/
}
.asap-area-title a:hover {
 	color: #9D0E5A; /* purple */
}
.w100 {	
	width:100%
}
.area-photo {
	float:left;width:25%;margin:10px 10px 20px 0
}
.area-welcome {
	float:left;width:45%;margin:10px 10px 20px 20px
}
.area-calendar{
	float:left;width:22%;margin:0 0 20px 0
}
.area-testimonials{
	clear:both;border-top:1px solid #cc6699;background-color:#FFFAFF
}
.area-resources{
	clear:both;border-top:1px solid #cc6699;background-color:#FFFAFF;margin-top:10px
}

	

/*===========================================open page ************************************** */
.node-type-open_page {
	color:#333333 ;
	font-weight:100;
	line-height: 200%
}

.node-type-open_page .content {
	color: #666666;
	font-weight:100;
}

.node-type-open_page table {
	border-collapse:separate ;
	border:0 ;
	width:100% ;
	border-spacing:5px;
	cell-spacing:5px;
}

.node-type-open_page td {
	padding:5px;
	vertical-align:top;
}

.node-type-open_page h1 {
	font-size:30px;
	font-weight:100;
	color:#333;
	margin-bottom:10px;
}

.node-type-open_page h2 {
	font-size:26px;
	font-weight:100;
	color:#333;
	margin-bottom:10px;
}

.node-type-open_page h3 {
	font-size:20px;
	font-weight:100;
	width:50% ;
	margin:auto;
}

.node-type-open_page h4 {
	font-size:20px;
	font-weight:100;
}

.node-type-open_page p {
	font-size:18px;
	font-weight:100;
	margin:0px;
}

.node-type-open_page li {
	font-size:18px;
	font-weight:100;
}

.node-type-open_page .rtecenter {
	text-align:center;
}
	
.node-type-open_page .meta {
	visibility: hidden ;
	height:5px;
}

.node-type-open_page a:link, 
.node-type-open_page a:visited,
.node-type-open_page a:active  {
	text-decoration:none;	
	color: #5C5C8A; /* blue/lavender a little darker than #666699 */
}
.node-type-open_page a:hover {
	text-decoration:none;	
	color: #9D0E5A;
}

/*=========================================== /open page ************************************** */

/* BF 2021-05-19 Hidding the old subscriptions and memberships in the user_register form.*/
#edit-field-client-type-value-S1-wrapper,
#edit-field-client-type-value-S3-wrapper,
#edit-field-client-type-value-S6-wrapper,
#edit-field-client-type-value-S12-wrapper,
#edit-field-client-type-value-M3-wrapper,
#edit-field-client-type-value-M6-wrapper,
#edit-field-client-type-value-M12-wrapper {
	display: none;
}