@media screen and (-webkit-min-device-pixel-ratio:0) { 
 #member-registration-scheduler .pmlocation-selector {margin-top:5px !important;} 
}

#member-registration-scheduler .scheduler{
	margin-left:auto;
	margin-right:auto;
	width:90%;
	/*max-width: 880px;*/
	position: relative;
	display: block;
	background-color:white;
    font-family: 'Open Sans', arial;
}

.compact-nav-menu{
	display: none;
}

/*-----------------------------*/
#member-registration-scheduler .navigation{
	width:100%;
	height:90px;
	padding-top:50px;
	margin-left:auto;
	margin-right:auto;
}

#member-registration-scheduler .tabs{
	list-style-type: none;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #e9e9e9;
	height:33px;
	background-image: url(images/navigation-gradiant.png);
	background-repeat: repeat-x;
	background-position: bottom left;
    font-family: 'Open Sans', arial;
}

#member-registration-scheduler .tabs li{
	float:left;
	font-size: 14px;
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	padding-bottom:7px;
}

#member-registration-scheduler .tabs li:first-child{
	/*margin-left:20px;*/
}

#member-registration-scheduler .tabs .active{
	border-radius: 2px;
	font-weight:bold;
	font-size:15px;
	border:1px solid #e9e9e9;
	border-bottom:none;
	background-color:white;
}

#member-registration-scheduler .tabs li a{
	color:#7b7b7b;
	text-decoration: none;
}

#member-registration-scheduler .tabs li a:hover{
	color:#21a8df;
}

#member-registration-scheduler .tabs .active{
	border:1px solid #e9e9e9;
	border-bottom:none;
	background-color:white;
}

#member-registration-scheduler .tabs .active a, #member-registration-scheduler #btnNav .active a{
	color:#21a8df;
}

#member-registration-scheduler #tabstrip2 .active span{
	color:#21a8df;
    font-size: 15px;
}

#member-registration-scheduler #tabstrip2 li{
    padding: 7px 10px;
}

#member-registration-scheduler .compact-sub-nav-drop-down{
display: none;
}


#member-registration-scheduler .tabs-sub-navigation{
	visibility: visible;
	float:left;
	display: block !important;
	list-style-type: none;
	margin:0px;
	padding:0px;
	margin-top:0px;
	width:100%;
	height:20px;
    vertical-align: central;
    font-family: 'Open Sans', arial;
}

#member-registration-scheduler .tabs-sub-navigation li{
	float:left;
    padding-left: 0px; /*20px;*/
    padding-right: 0px; /*20px;*/
	font-size: 11px;
}
#member-registration-scheduler .tabs-sub-navigation li:first-child{
	/*margin-left:10px;*/
}

#member-registration-scheduler .tabs-sub-navigation li a{
	text-decoration: none;
	color:#7b7b7b;
    display: block;
    padding-top: 5px;
}

#member-registration-scheduler .tabs-sub-navigation li a:hover{
	color:#11a2dc;
}

#member-registration-scheduler .tabs-sub-navigation .active li{
	
}

#member-registration-scheduler .tabs-sub-navigation .active a{
	color:#11a2dc;
	text-decoration: underline;
	font-weight: bold;
}

#member-registration-scheduler .expand{
	color:#7b7b7b;
	padding-left:5px;
	background-image: url(images/expand-arrow.png);
	background-repeat: no-repeat;
	background-position: 9px center;
	text-decoration: underline;
    padding-left: 20px;
    padding-right: 20px;
	margin: 5px 0;
}
/*-----------------------------*/

#member-registration-scheduler .compact-drop-down{
	display: none;
}

#member-registration-scheduler .jump-to{
	text-align: right;
	margin-top:15px;
	width:45%;
	display: block;
	height:40px;
	float:right;
	font-family: 'Open Sans', arial;
}
  
#member-registration-scheduler .jump-to h3{
	text-align: right;
	margin:0px;
	padding:0px;
	margin-top:4px;
	font-size: 14px;
	font-weight: normal;
}

#member-registration-scheduler .date-drop-down{
	float:right;
	margin-right:10px;
	margin-left:5px;
	font-size:14px;
	color:#000;
	border:1px solid #e2e2e2;
	padding-left:10px;
	padding-right:26px;
	padding-top:4px;
	padding-bottom:4px;
	border-radius: 3px;
	background-image:url(images/drop-down-arrow.png);
	background-repeat: no-repeat;
	background-position: 94%  7px;
    margin-left: 5px;
    margin-right: 10px;
    width: 102px;	
    font-family: 'Open Sans', arial;
}

#member-registration-scheduler .location-drop-down{
	float:right;
	margin-right:10px;
	margin-left:5px;
	font-size:14px;
	color:#000;
	border:1px solid #e2e2e2;
	padding-left:10px;
	padding-right:26px;
	padding-top:4px;
	padding-bottom:4px;
	border-radius: 3px;
	background-image:url(images/drop-down-arrow.png);
	background-repeat: no-repeat;
	background-position: 94%  7px;
    margin-left: 5px;
    margin-right: 10px;
    width: 102px;	
    font-family: 'Open Sans', arial;
}

#member-registration-scheduler #ui-datepicker-div 
{
    /*
    display: block;
    height: 0;
    left: 986px!important;
    position: absolute!important;
    top: 236px!important;
    background-color: white;
    z-index: 1001!important;
    */
    display: block;
    left: 1002px;
    margin-left: -334px;
    margin-top: -2px;
    position: absolute;
    top: 158.4px;
    z-index: 1001;    
}

#member-registration-scheduler .date-selector
{
    /* top: 28px;*/
	right:18px;
	padding:0px;
	list-style-type: none;
	margin:0px;
	background-color:white;
	border:1px solid #9f9f9f;
	position: absolute;
	margin-top:36px !important;		 
	width:135px;
	border-radius: 4px;
	box-shadow: 2px 2px 3px #888888;
	z-index:1000;	
    font-family: 'Open Sans', arial;
}

#member-registration-scheduler .pmlocation-selector
{
   /* top: 28px;*/
	right:172px;
	padding:0px;
	list-style-type: none;
	margin:0px;
	background-color:white;
	border:1px solid #9f9f9f;
	position: absolute;
	margin-top:36px !important;	
	width:135px;
	border-radius: 4px;
	box-shadow: 2px 2px 3px #888888;
	z-index:1000;	
    font-family: 'Open Sans', arial;
    max-height: 297px;
    overflow: auto;
}

#member-registration-scheduler .date-selector li{
	font-size: 13px;
	text-align:left;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:4px;
	padding-top:4px;
	padding-left:8px;
	padding-right:8px;
}

#member-registration-scheduler .pmlocation-selector li{
	font-size: 13px;
	text-align:left;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:4px;
	padding-top:4px;
	padding-left:8px;
	padding-right:8px;
    cursor: pointer;
}

#member-registration-scheduler .date-selector li span{
	float:right;
}

#member-registration-scheduler .pmlocation-selector li span{
	float:right;
}
#member-registration-scheduler .date-selector li a{
	text-decoration: none;
	color:#000;
}
#member-registration-scheduler .pmlocation-selector li a{
	text-decoration: none;
	color:#000;
}

#member-registration-scheduler .date-selector li:hover,
#member-registration-scheduler .date-selector li a:hover,
#member-registration-scheduler .date-selector li.date-active, 
#member-registration-scheduler .date-selector li a.date-active,
#member-registration-scheduler .pmlocation-selector li:hover,
#member-registration-scheduler .pmlocation-selector li a:hover,
#member-registration-scheduler .pmlocation-selector li.date-active, 
#member-registration-scheduler .pmlocation-selector li a.date-active
{
	color:#1AA1E0;
    background-color: #F2F2F2;
    cursor: pointer;	
}


#member-registration-scheduler .date-selector .today, #member-registration-scheduler .pmlocation-selector .today{
	text-align: center !important;
	font-weight: bold;
	font-size: 14px !important;
	padding-top:6px !important;
	padding-bottom:6px !important;

}

#member-registration-scheduler .full-cal-link{
	text-align: center !important;
	font-size: 14px !important;
	background-image: url(images/cal.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin-left:12px;
	padding-top:8px !important;
	padding-bottom:8px !important;
}
/*-----------------------------*/


#member-registration-scheduler .calendar-padding{
	margin-left:2px;
	margin-right:20px;
	/*overflow: hidden;*/
}

#member-registration-scheduler .calendar
{
    left:17px;
	width:100%;
	position: relative;
	/*overflow: scroll;
	overflow-y: scroll;
	overflow-x: scroll;*/
	margin-left:auto;
	margin-right:auto;
	display: block;
	height:370px;
	/*z-index:1;*/
    font-family: 'Open Sans', arial;
}

 #member-registration-scheduler .day{
	width:100%;
	min-height:100px;
	border-top:1px solid #ddd6d6;
	padding-top:7px;


}

#member-registration-scheduler .date{
 	width:132px;
	height:auto;
 	display: block;
	/*position: absolute;*/
 	padding-top:5px;	
}

#member-registration-scheduler .date h3{
color:#737373;
float:left;
font-size: 32px;
font-weight: normal;
line-height: 30px;
margin:0px;
padding:0px;
padding-right:3px;
letter-spacing: 1px;
}

#member-registration-scheduler .date h4{
	color:#737373;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	margin:3px;
	padding:0px;
}

#member-registration-scheduler .date h5{
	color:#737373;
	font-size: 9px;
	font-weight: normal;
	line-height: 5px;
	margin:0px;
	padding:0px;
	text-transform: capitalize;
}

#member-registration-scheduler .event-list{
	margin-left:140px;
	padding:0px;
	margin-top:0px;
	list-style-type: none;
}

#member-registration-scheduler .event-list li{
border-bottom:1px solid #f1f1f1;
margin-top:2px;
}

#member-registration-scheduler .event-list li:last-child{
border-bottom:none;
}

#member-registration-scheduler .event-row{
	overflow: hidden;
	height:30px;
	margin:0px;
	padding:0px;
	list-style-type: none;
	border-bottom: 1px solid #80808080;
}

#member-registration-scheduler .event-row li{
	border:none;
	float:left;
	margin-left:10px;
	height:30px;
	overflow: hidden;
	text-overflow:ellipsis;
}

#member-registration-scheduler .event-row .name{
	font-weight: bold;
	width:20%;
	min-width: 130px;
	color:#111111;
	font-size:15px;
}

#member-registration-scheduler .event-row .time{
	margin-top:4px;
	width:18%;
	color:#222222;
	font-size:12px;
	height:18px;

}

#member-registration-scheduler .event-row .by{
	margin-top:4px;
	width:18%;
	color:#222222;
	font-size:12px;	
	height:18px;
}

#member-registration-scheduler .event-row .by a{
	color:#222222;
}

#member-registration-scheduler .event-row .by a:hover{
	text-decoration:underline !important;
}

#member-registration-scheduler .event-row .by .tool:hover{
	text-decoration:underline !important;
}

#member-registration-scheduler .event-row .space{
	height:18px;
	margin-top:4px;
	width:14%;
	color:#222222;
	font-size:12px;	;
}
#member-registration-scheduler .event-row .cost{
	height:18px;
	margin-top:4px;
	width:6%;
	color:#222222;
	font-size:12px;	
}
#member-registration-scheduler .event-row .book{
	margin-top:2px;
	width:12%!important;
	color:#222222;
	font-size:12px;	
}

#member-registration-scheduler .event-row .book a{
	padding-top:2px;
	width:78px;
	border-radius: 2px;
	background-color:#12A3DC;
	color:white;
	text-align: center;
	height:18px;
	display: block;
	text-decoration: none;
}
#member-registration-scheduler .event-row .book a:hover{
	background-color:#10AEE8;
}

#member-registration-scheduler .event-row .full{
	color:#b0b0b0;
	font-style:italic; 
	font-size: 13px;
	font-weight: bold;
    width: 12%; /*78px;*/
	text-align: left;
    padding-left: 28px!important;
}

#member-registration-scheduler .event-row .location {
    padding-right: 36px!important;
}

#member-registration-scheduler .event-row .resource {
    width: 11%!important;
}

#member-registration-scheduler .event-row .spotsLeft {
    width: 10%!important;
}



#member-registration-scheduler #tool-tip{
	color:white;
	background-color:white;
	border-radius: 4px;
	border:1px solid #9c9c9c;
	box-shadow: 2px 2px 3px #888888;
	position:absolute;
	z-index: 999;
	left:100px;
	top:100px;
	margin-top:15px;
	margin-left:-140px;
	width:272px;
    height: 139px;/*104px;*/
	padding:14px;
	overflow: auto;
	text-overflow:ellipsis;
	height:auto;
}

#member-registration-scheduler #tool-tip h3{
	color:#64719a;
	font-family: "open sans";
	font-size: 13px;
	line-height: 13px;
	font-weight: normal;
	margin:0px;
	padding:0px;
	padding-bottom:8px;
	margin-bottom:9px;
	border-bottom:1px solid #dddddd;
}
#member-registration-scheduler #tool-tip img{
	float:left;
	margin-right:10px;
    max-height: 55px;
    max-width: 71px;	
}

#member-registration-scheduler #tool-tip p{
	padding-top:0px;
	margin-top:0px;
	font-size: 11px;
	font-family: "open sans";
	color:#111;
	margin-bottom: 0;
}

#member-registration-scheduler li.t-item {
    color: #7B7B7B !important;
    font-size: 14px !important;
    font-weight:normal !important;
}

#member-registration-scheduler li.t-item.active {
    border: 1px solid #E9E9E9 !important;
	border-bottom:none !important;
    color: #21A8DF !important;
    font-size: 15px !important;
    font-weight:bold !important;
}

/*******************************************************/
/*fix button length problem*/
#scheduleView .pm-button, .pm-more-items-button {
     /*max-width:220px !important;*/
     max-width: 139px !important;
}

/*make drop down arrow small*/
#member-registration-scheduler .location-drop-down {
    background-position: 94% 11px;
    background-size: 8px auto;
   
}

/*make drop down arrow smaller*/
#member-registration-scheduler .date-drop-down {
    background-position: 94% 11px;
    background-size: 8px auto;
}

/*fixes book me padding issues with single row items*/
#tabs #scheduleView.wide-layout .day-span-row {
    padding-bottom: 10px;
    padding-top:5px;
    vertical-align:top;    
}

/*when booking and not logged in background color is grey, this will fix it to white.*/
#main-wrapper #content-wrapper {
    background-color:white;
}

/*puts scroll out side of box*/
.slimScrollDiv{
padding-right:5px;
}

.one-day-container {
    width: 98.3%;
}

#tabs{
    margin-top:25px !important;
}

/**/
#loadingPanel  
{
    height: 0 !important;
    left: 166px !important;
    margin-top: 10px !important;
    position: absolute !important;
    top: 0 !important;
    z-index: 999 !important;
}

.bookme-select-track{
    min-height: 600px;
}

#appsuite-nav li a.tab-active.enabled:hover, #appsuite-nav li a.tab-active:not(.disabled):hover  {
    cursor: pointer;
}

#appsuite-nav li a.tab-active.disabled:hover, #appsuite-nav li a.tab-active:not(.enabled):hover {
    cursor: auto;
}

/*****************************************************/
/*
@media only screen and (device-width: 768px) {
    #tabs #scheduleView.wide-layout .event-row .location {max-width: 1.5em !important;}
    #member-registration-scheduler .event-row .spotsLeft {width: 13%!important;}
}
*/

/* For portrait layouts only */
/*
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {    
    #tabs #scheduleView.wide-layout .event-row .location {max-width: 1.5em !important;}
    #tabs #scheduleView.wide-layout .event-row .time {width: 13% !important;}
    #member-registration-scheduler .event-row .spotsLeft {width: 13%!important;}
    #header-wrapper {min-width: 1040px !important;}
    #topNavRdiv{margin-right:40px !important;}
    #topNavRightdiv{margin-right:40px !important;}
    #footer-wrapper {min-width: 1040px !important;}
    #scheduleView {min-width: 830px !important;}
}
*/

/* For landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)     
{
    /*
    #tabs #scheduleView.wide-layout .event-row .location {max-width: 1.5em !important;}
    #member-registration-scheduler .event-row .spotsLeft {width: 13%!important;}
    #header-wrapper {min-width: 1040px !important;}
    #footer-wrapper {min-width: 1040px !important;} 
    #scheduleView {min-width: 900px !important;}
    */
}

/*****************************************************/

/* remove the margin bottom for the book me page only */
body[data-object="BookMe"] #main-content {
    margin: 1em 1em 0;
}

body[data-object="BookMe"] .mainMargin{
    margin-bottom: 0em;
}
.slimScrollBar,.slimScrollRail{
	z-index:0 !important;
}