@font-face {
    font-family: 'museo-sans-rounded';
    src: url('../fonts/museo/museosansrounded-300-webfont.eot');
    src: url('../fonts/museo/museosansrounded-300-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo/museosansrounded-300-webfont.woff') format('woff'), url('../fonts/museo/museosansrounded-300-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'museo-sans-rounded';
    src: url('../fonts/museo/museosansrounded-500-webfont.eot');
    src: url('../fonts/museo/museosansrounded-500-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo/museosansrounded-500-webfont.woff') format('woff'), url('../fonts/museo/museosansrounded-500-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'museo-sans-rounded';
    src: url('../fonts/museo/museosansrounded-700-webfont.eot');
    src: url('../fonts/museo/museosansrounded-700-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo/museosansrounded-700-webfont.woff') format('woff'), url('../fonts/museo/museosansrounded-700-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'museo-sans-rounded';
    src: url('../fonts/museo/museosansrounded-900.eot');
    src: url('../fonts/museo/museosansrounded-900.eot?#iefix') format('embedded-opentype'), url('../fonts/museo/museosansrounded-900.woff') format('woff'), url('../fonts/museo/museosansrounded-900.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'tekton';
    src: url('../fonts/tekton/tekton-webfont.eot');
    src: url('../fonts/tekton/tekton-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/tekton/tekton-webfont.woff') format('woff'), url('../fonts/tekton/TEKTON.TTF') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'caxtonlight';
    src: url('../fonts/caxton/Caxton-Lt.eot');
    src: url('../fonts/caxton/Caxton-Lt.eot?#iefix') format('embedded-opentype'), url('../fonts/caxton/Caxton-Lt.woff') format('woff'), url('../fonts/caxton/Caxton-Lt.ttf') format('truetype');
    font-style: normal;
}


@font-face {
    font-family: 'caxtonbook';
    src: url('../fonts/caxton/Caxton-Book.eot');
    src: url('../fonts/caxton/Caxton-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/caxton/Caxton-Book.woff') format('woff'), 
    font-style: normal;
}



@font-face {
    font-family: 'spumoniregular';
    src: url('../fonts/spumoni/spumoni-webfont.woff2') format('woff2'),
         url('../fonts/spumoni/spumoni-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



	

.toggle-password{
	font-family: "museo-sans-rounded";
	font-size: 15px;
	padding: 4px 2px;
	margin:2px 2px 2px 2px;
	color: #b721ff;
	text-decoration: none;
	float: right;
	transition: 0.5s;
	width: 40%;
	height: 30px;
	text-align:  center;
	

}


.toggle-password:hover {
	cursor: pointer;
	color: blue;
}

.eye:before{
	content: " \f06e";
	font-family: 'FontAwesome';
}
.eye-slash:before{
	content: " \f070";
	font-family: 'FontAwesome';
}

 

@media print {

	.favContainer{
		display: none !important;
	}
	.textFromFavorites{
		display: none !important;
	}
	.emailFromFavorites{
		display: none !important;
	}

}





@media screen{

			
			
			html, body{
				font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
				margin:0;
				padding: 0;
				background:#ffffff url('../images/digBK.jpg')  repeat-x center top;
				background-attachment: fixed;
				background-position:fixed;
					background-size: cover;
				height: 100%;

			}



#welcomeSplash{
	position: absolute;				
	top:50%;
	font: 300 14px "museo-sans-rounded", sans-serif;
	left: 50%;
	transform: translate(-50%, -50%);z-index: 2200;
	font-size:calc(12px + 0.5vw);
	line-height:calc(16px + 0.5vw);
	}


#welcomeSplash #loginDiv{
	width: 95% !important;
}

.favContainer{
	//border: thin solid silver;
	width: 90%;
	margin: 30px auto 10px auto;
	font-size:calc(11px + 0.5vw);
	padding:50px 20px 40px 20px;
	box-shadow: 0px 0px 19px -1px rgba(64, 0, 84, 0.2);
	background:white;
	border-radius:12px;
	transition: all 0.3s ease;
}


#searchUser{
	box-shadow:inset 0 0 4px #eee; 
	width:520px; 
	margin:16px 0; 
	padding:6px 12px; 
	border-radius:4px; 
	border:1px solid silver; 
	font-size:14px;
	
}


#searchColleague{
	box-shadow:inset 0 0 4px #eee; 
	width:520px; 
	margin:16px 0; 
	padding:6px 12px; 
	border-radius:4px; 
	border:1px solid silver; 
	font-size:14px;
	
}

#colleagueCPEIP{
	border-top: 1px dotted gray;
}


		.moveUp{
			margin-top: -80px !important;
			transition: ease-in-out;
		}

			.searchTabContainer{
				display: flex;
				justify-content: center;
				position: absolute;
				top:-39px;
				left:0;
				width:100%;
			}

			.contactListDiv{
				display: inline-block;
				padding: 0 0 0 10px;
				margin: 0 2px;
				width: 29%;
				vertical-align: top;
			}			
			
			.contactListHeader{
				font-family: "museo-sans-rounded";
				font-weight: 400;
				font-size: 16px;
				padding: 4px 4px;
				
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				padding: 5px;
				margin: 4px auto;
				color:   #a882e2;
				text-decoration: none;
				max-width: 900px;				
				
			}
			.contactListHeaderDiv{
				padding-left: 5%; 
								display: inline-block;
				font-size: 20px;
				margin: 0 5px;
				width: 20%;
			}
			.contactListDiv i{
				//font-size: 140%;
				}
			
			#titleHead{
			font-family: "museo-sans-rounded";
			font-size: 30px;
			text-align: center;
			font-weight: 800;
			}


			#logoCenter{
				height:40%;
				width:40%;
				position: absolute;
				top:26%;
				left:30%;
				//transform: translate(-50%, -50%);
				opacity: 0.0;
				background:url('../images/logoCenter.png');
				background-position: center center;
				background-repeat: no-repeat; 
				background-size: contain;
			}
			#logoOuter{
				height:60%;
				width:60%;
				position: absolute;
				top:16%;
				left:20%;
				//transform: translate(-50%, -50%);
				opacity: 0.0;
				background:url('../images/logoOuter.png');
				background-position: center center;
				background-repeat: no-repeat; 
				background-size: contain;
			}
			
			.indexLetterContainer{
				text-align: center;padding: 2px; 
				background: rgba(136,55,249,1.0);
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				padding: 3px 0 0 0; 
				min-height:36px;
				width: 100%;
				//margin-left: -40px;
				
			}
			.indexBookSelect{
				background-position: center top;
				background-repeat: no-repeat;
				height: 60px;
				width: 14%;
				margin: 1px 5px -2px 5px;
				text-align: center;
				font: 700 14px "museo-sans-rounded", sans-serif;

				
				  border-top:    1px solid #5c97f1;
				  border-right:  1px solid #5c97f1; 
				  border-left: 1px solid #5c97f1;
								
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				background-color: white;
				padding: 10px;
				
				box-shadow: -19px -35px 21px -42px rgba(59, 9, 130, 0.5) inset;
				cursor: pointer;
				line-height: 12px;
				position: relative;
			}
			
			.indexBookSelect b{
				font: 900 15px "museo-sans-rounded", sans-serif;
				line-height: 15px;
			}
			.boldTitles{
				font: 900 15px "museo-sans-rounded", sans-serif;
				line-height: 15px;
				margin: 0;
				  position: absolute;
				  top: 50%;
				  left: 0;
				  -ms-transform: translateY(-50%);
				  transform: translateY(-50%);
				//border: thin solid red;
				width: 99%;
				text-align: center;
				padding-left: 2px;
			}			
			
			.indexBookSelect:hover{
				box-shadow: -3px -5px 21px -10px rgba(59, 9, 130, 0.5);
			}


	@media  screen and (min-width:1400px) {	
			/* LARGE SCREEN */

			#appNavigation{
				//width: 80%;
				height: 50px;
				margin:0;
				padding: 14px 10px 0 10px;
				//display: inline-block;	
				text-align: center;	
				//box-sizing: border-box;
				float: left; 
				width: 60%;
				
			}			
			
		}	
	@media  screen and (max-width:1399px) {	
			/* SMALL SCREEN */

			#appNavigation{
				//width: 80%;
				height: 50px;
				margin:0;
				padding: 0 10px 0 10px;
				//display: inline-block;	
				text-align: center;	
				//box-sizing: border-box;
				float: left; 
				width: 68%;
				
			}			
			
		}	
			.adMenuActive{
				padding: 10px;
				text-align: center;
				border-radius: 5px;
				border: 1px solid #009eff;
				cursor: pointer;
				width: 100px;
				color: #009eff;
				font-weight: bold;
				display: inline-block;
				position: relative;
				font: 700 15px "museo-sans-rounded", sans-serif;
				white-space: nowrap;

			}
			
			.adMenuActive:hover{
				background: #009eff;
				color: white;
			}
			.adMenuActive:after{
				content: " \f053";
			  font-family: 'FontAwesome';
				}
			#hoLangChoice{
				margin: 0 0 0 15px;
				color:#385662;
				font-size: 95%;
				line-height: 22px;
			}
			
			
			.hoLangTitleText{
				background-color: rgb(35,134,216);
				position: absolute;
				top:0;
				right:0;
				padding: 1px;
				font: 500 13px "museo-sans-rounded", sans-serif;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topright: 5px;
				border-top-right-radius: 5px;
				color:white;
				text-align: center;
				font-variant: small-caps;
				letter-spacing: 1px;
				width:150px;
			}
			#handoutLanguageForm{
				/*
				SHAWN
				position: absolute;
				bottom:0;
				right:0;
				height: 20px;
				width:150px;*/
			}
			

/*

div{
border:thin dotted red;
}


div::after { 
content: attr(id)'<ID';
font-size:11px;
vertical-align: bottom;
}

div::before { 
content: attr(class)'<CLASS';
font-size:11px;
vertical-align: bottom;
}		
			
		*/
		
			div.searchResultTypes{
				font: 700 14px/18px "museo-sans-rounded", sans-serif;
				background: #fde0ff;
				text-align:left;
				color: black;
				padding: 2px 0px 2px 10px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				width: 85%;
				margin:0 auto;
			}
		
			.headerLicDate{
				float:left;
				padding:10px 0 0 0;
				text-align: left;
				box-sizing: border-box;
				float: left; width: 20%;
			}
			

		
			
			
			.licenseKeyDisplay{
				
			}
		
			.expirationDateDisplay{
			  
			}
		
		
			.orderHistory{
				width: 100%;
			}
			.orderHistory th{
				color:#3278a3;
				border-right:1px solid #3278a3;
			}
			.orderHistory td{
				text-align: center;
				border-right:1px solid #c0d7e5;
			}
			.orderHistory tr:nth-child(even) {
					background: rgb(242,242,242);
			}
			.orderHistory tr:nth-child(odd) {
				background: #FFF;
			}
			
			
			.orderDetail td table td{
				padding: 5px;
				border: 1px dotted #7d94d9;

			}
			.orderDetail th{
				padding: 5px; 
				color: #5f6d96;
				
			}
		
		
			.famReading{
			  width:65%;
			  min-height: 500px;
			  margin: auto;
			  background-color: none; 
			  background: url('../images/famReading.png') no-repeat center center; 
			  background-size: contain;

			}
		
		
		
			.shadowed{
				background:white;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				padding: 20px;
				-webkit-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.52);
				-moz-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.52);
				box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.52);
			}
			.shadowed table{
				padding: 20px;
				background: rgb(176, 212, 245);
			}
			
			.shadowed td{
				padding: 5px;
			}
		
			.indexTab{
				width:100px;
				background:#2386D8;
				color:white;
				padding: 8px;
				font: 300 15px "museo-sans-rounded", sans-serif;
				text-align: center;
				float:right;
				margin: 0 50px 0 -50px;
				height: 35px;
				-webkit-border-top-left-radius: 10px;
				-webkit-border-top-right-radius: 10px;
				-moz-border-radius-topleft: 10px;
				-moz-border-radius-topright: 10px;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
			}
			
			.indexTab:hover{
				color:white;
				background: #184467;
				cursor: pointer;
				
			}
		
		
		
		
		
		
		
		
			#pickAtime {
				background: white;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				padding: 20px;
				-webkit-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.52);
				-moz-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.52);
				box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.52);
				position: absolute;
				z-index: 50;
			}
		
			
			#pickAtime select{
				margin: 2px;
			  border: 1px solid #111;
			  width:57px;
			  padding: 2px 20px 2px 5px;
			  font-size: 16px;
			  border: 1px solid #ccc;
			  height: 34px;
			  -webkit-appearance: none;
			  -moz-appearance: none;
			  appearance: none;
			  background-color: #ffffff; 
			  background:#ffffff url('../images/select.png') no-repeat 90% center; 
			  background-size: 15px 15px;
			  -webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
			
			.familyWord{
				font: 300 13px "museo-sans-rounded", sans-serif;
			}
			
			.tooltip {
				display:none;
				position:absolute;
				border:1px solid #333;
				background-color:#161616;
				border-radius:5px;
				padding:10px;
				color:#fff;
				font-size:40px Arial;
			}
			
			
			
			#helpVid{

				width:48%;
				float:left;
				background:url('images/testBK.png');
				background-size: contain;
				background-repeat: no-repeat;
			
				
			}
			
			#helpButtons{

				width:48%;
				float:left;
				padding:0 0 0 10px;
				
			}
			
			
			
			#family:after{
				content: "choose family";
				
			}
			
			#location:after{
				content: "edit location";
				}
			
			#note:after{
				content: "edit notes";
			}	







			.addUser {
				border: 2px solid #2999F5;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				font: 700 20px "museo-sans-rounded", sans-serif;
				width:50%;
				min-width: 200px;
				padding:10px;
				text-align: center;
				margin: 0px auto 20px auto;
				color: #2999F5;
				background: white;
				-webkit-box-shadow: -1px 0 21px 10px rgba(255,255,255,1);
				-moz-box-shadow: -1px 0 21px 10px rgba(255,255,255,1);
				box-shadow: -1px 0 21px 10px rgba(255,255,255,1);
				
				-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
				transition:  background .5s;
				background:#ffffff url('../images/sunPower2.png')  no-repeat left center;

				
			}
			
			.addUser:hover {
				color: white;
				background: #2999F5;
				cursor: pointer;
				
				-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
				transition:  background .5s;
			}
			
			.addUser:before {
			  content: "\f055";
			  font-family: 'FontAwesome';
			  font-weight: normal;
			  font-size: 28px;
			  padding: 6px 6px 6px 0;
			}



			.adminOutline{
				width: 100%;
				border:1px solid #8385aa; 
				padding: 8px;
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
				border-radius:10px;
				background:rgba(255,255,255,0.6);
			}


			.adminAreaTitle{
				font: 300 20px "museo-sans-rounded", sans-serif;
			}

			.adminUserDiv{
				border:thin dotted gray;
				width: 43%;
				display:inline-block;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				border-radius:5px;
				padding: 2px 2px 10px 2px;
				margin:0 10px;
				line-height: 17px;
			}

			.adminUserTable {
				font-family:Arial, Helvetica, sans-serif;
				color:#666;
				font-size:12px;
				
				background:#eaebec;
				margin:20px 0 0 0;
				border:#ccc 1px solid;
			
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border-radius:3px;
			
				-moz-box-shadow: 0 1px 2px #d1d1d1;
				-webkit-box-shadow: 0 1px 2px #d1d1d1;
				box-shadow: 0 1px 2px #d1d1d1;
			}
			.adminUserTable th {
				padding:5px;
				border-top:1px solid #fafafa;
				border-bottom:1px solid #e0e0e0;
				font-size: 12px;
				background: #ededed;
				text-shadow: 1px 1px 0px #fff;
			}


			.adminUserTable tr {
				text-align: center;
				padding-left:20px;
			}

			.adminUserTable td {
				padding:8px;
				border-top: 1px solid #ffffff;
				border-bottom:1px solid #e0e0e0;
				border-left: 1px solid #e0e0e0;
			
				background: #fafafa;
				background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
				background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
			}
			.adminUserTable tr.even td {
				background: #f6f6f6;
				background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
				background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
			}
			
			.adminUserTable  tr:hover td {
				background: #bcf4ff;
				color:#0055d2;
			}
			
			
			.adminVisitTable {
				font-family:Arial, Helvetica, sans-serif;
				color:#666;
				font-size:12px;
				
				background:#eaebec;
				margin:20px 0 0 0;
				border:#ccc 1px solid;
			
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border-radius:3px;
			
				-moz-box-shadow: 0 1px 2px #d1d1d1;
				-webkit-box-shadow: 0 1px 2px #d1d1d1;
				box-shadow: 0 1px 2px #d1d1d1;
			}
			.adminVisitTable th {
				padding:5px;
				border-top:1px solid #fafafa;
				border-bottom:1px solid #e0e0e0;
				font-size: 12px;
				background: #ededed;
				text-shadow: 1px 1px 0px #fff;
			}


			.adminVisitTable tr {
				text-align: left;
				padding-left:20px;
			}

			.adminVisitTable td {
				padding:8px;
				border-top: 1px solid #ffffff;
				border-bottom:1px solid #e0e0e0;
				border-left: 1px solid #e0e0e0;
				text-align: left;
				background: #fafafa;
				background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
				background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
			}
			.adminVisitTable tr.even td {
				background: #f6f6f6;
				background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
				background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
			}
					
			
			.adminDiv{
				padding:0px 15px 10px 15px ;
				font-size:calc(12px + 0.4vw);
				line-height:calc(16px + 0.4vw);
				margin: 0 5px 5px 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				background: rgba(255, 255, 255, 0.7);
			box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.30);
				}
				
				
				
				
				
				
				
			
				.familySection{
					border: 1px solid silver;
					border-radius: 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					margin: 20px;
					padding: 20px 20px 8px 20px;
					
			//-webkit-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.52);
			//-moz-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.52);
			//box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.52);
				}
			
			
			.bookCoverTD{
				width:150px;
			}
			
			
			
			.searchArea{
				
				padding:10px;
				
				
			}

	
			#dropDowns{

				padding: 40px 60px 10px 60px;
				width: 90%;
				-webkit-transition: width .5s;
				transition: width .5s;
				margin: 56px auto 0 auto;
				position: relative;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				position: relative;
				vertical-align: top;
				//max-width: 1200px;
				
				/*CODE FOR FADING BORDER WITH CURVED CORNERS*/
				border: double 2px transparent;
				border-radius: 20px;
				background-image: linear-gradient(white, white, rgba(255,255,255, 0.0)), 
				linear-gradient(#a882e2, rgba(168,130,226, 0.3),rgba(168,130,226, 0.0), rgba(168,130,226, 0.0));
				background-origin: border-box;
				background-clip: padding-box, border-box;
			}
			
			
			#clearAll{
				position:absolute;
				bottom:40px;
				right:0px;
			}
			
			#dropDowns select {
			  margin: 50px;
			  border: 1px solid #111;
			  width: 150px;
			  padding: 5px 35px 5px 5px;
			  font-size: 16px;
			  border: 1px solid #ccc;
			  height: 34px;
			  -webkit-appearance: none;
			  -moz-appearance: none;
			  appearance: none;
			  background-color: #ffffff; 
			  background:#ffffff url('../images/select.png') no-repeat 98% center; 
			  background-size: 20px 20px;
			  
			  				-webkit-transition:background 0.5s;
-moz-transition:background 0.5s;
-o-transition:background 0.5s;
transition:background 0.5s;
			  
			}
			
		
			#bookIndex select {
			  margin: 10px;
			  border: 1px solid #111;
			  width: 150px;
			  padding: 5px 35px 5px 5px;
			  font-size: 16px;
			  border: 1px solid #ccc;
			  height: 34px;
			  -webkit-appearance: none;
			  -moz-appearance: none;
			  appearance: none;
			  background-color: #ffffff; 
			  background:#ffffff url('../images/select.png') no-repeat 98% center; 
			  background-size: 20px 20px;
			  
			}
		
		.bookCoverContainer{
			
			background:rgba(255, 255, 255,0.8);
			display: inline-block;
			border-radius: 20px;
			width: 15%;
			margin-right: 20px;
			height: 100%;
		}
		
			#searchcurriculum .bookcover{
				background: url('../images/books.png') no-repeat center center;
				background-size: contain;
				height: 200px;
				width:100%;
				min-width: 120px;
				float: left;
				top:0px;
				left: 20px;
				margin: 0 20px 0 0;
				padding: 0;
				-webkit-transition: background 0.5s linear; /* For Safari 3.1 to 6.0 */
				transition: background 0.5s linear;
				border-radius: 20px;
				
			}
			#curricBook{
				
				width: 80%;
			}
			.selectContainerOnly{
				
				width: 80%;
				position:relative;
				display: inline-block;
				vertical-align: top;
				margin: auto;
			}
			
			#sectionContainer{
				
				 width:100%;
			}
		
			.limitTitle{
				font: 500 17px "museo-sans-rounded", sans-serif;
				
				margin: 0 0 8px 0;
				color:#999;
			}
			
		
			#categoryContainer{
				
				
			}
			#topicContainer{
				
			}
			 .subsectionSelect {
				float:left;
				
				padding:4px 10px 0 0;
				
			}
			
			 .subsectionSelectLast {
				display:inline-block;
				padding:4px 10px 0 0;
				width:220px;
			}
			/*
			.subsectionSelect:after {
				display:inline-block;
				content: "\f0c1";
				font-family: 'FontAwesome';
				font-size: 20px;
				margin:0px 0 0 8px;
				padding:0px;
			}
			*/
		.subsectionContainer{
			padding:0 0 0 16px;
			width:100%;
			margin-top: -1px;
			
		}
			
		
		.subsectionContainer .sections{
			padding-left:16px;
			background-image: url('../images/connection.png');
			background-position: 0px -2px;
			background-repeat:no-repeat;
		}		
			
		.subsectionContainer .categories{
			padding-left:42px;
			background-image: url('../images/connection.png');
			background-position: 26px -2px;
			background-repeat:no-repeat;
		}
	
			
		.subsectionContainer .topics{
			padding-left: 72px;
			background-image: url('../images/connection.png');
			background-position: 56px -2px;
			background-repeat:no-repeat;
			}	


.searchCurric{
	margin: 0px 10px 0 0;
	//position: absolute;top:-39px;left:18%;
}


.searchCurric:before {
	content: "\f1e5";
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 18px;
}


.indexCurric{
	margin: 0px 10px 0 0;
	//position: absolute;top:-39px;right:calc(50%-100px);
}

.indexCurric:before {
	content: "\f15d";
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 18px;
}



.handoutsCurric{
	margin: 0px 10px 0 0;
	//position: absolute;top:-39px;right:28%;
}	
.handoutsCurric:before {
	content: "\f016";
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 18px;
}


.sandsCurric{
	margin: 0px 10px 0px 0;
	//position: absolute;top:-39px;right:8%;
}			
			
			
.sandsCurric:before {
	content: "\f0db";
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 18px;
}


	
	.sandsDivided{
		padding: 10px;

		margin: 0; 
		display: inline-block;
		width: 16%;
		vertical-align: top;
		 min-width: 30px
		}		
		
		
	.sandsDivided:nth-child(odd) {
	  background:#efefef;
	  min-width: 30px
	}
		
			
			.rightSide{
				display: inline-block;
				//height: 100%;
				
				
				width: 100%;
				//GOOD FOR IPAD
				//width: 58%;
				
				vertical-align: top;
				padding: 10px 10px 10px 30px;
				
				margin: 0 0 60px 0 ;
				background: white;
				-webkit-transition: width 0s; /* Prob solved w 0s */
				transition:  width 0s; /* Prob solved w 0s */
				white-space: normal;
			}
			
			.loclabel{
			
				width:60px !important;
				text-align:right !important;
			}
			.locationTable{
				border: none;
				
			}
			.locationTable td{
				white-space: nowrap;
				border: none;
				padding: 1px 4px ;
			}
			
			.visitlisttable{
				margin-bottom:100px;
			}
			
			.visitlisttable td{
				
			}
			.visitlisttable th{
				font: 300 12px "museo-sans-rounded", sans-serif;
				text-align: left !important;
				padding: 0 0 0 8px;
			}
			
			.visitlisttable th.visit{
				text-align: left !important;
				padding: 0 0 0 8px;

			}
			.visitlisttable th.date{
				text-align: right !important;
				padding: 0 32px 0 0 ;

			}
			

			
			
			
			
			.alreadyAdded{
				color:green;
				
			}
			
			.alreadyAdded:before {
			  content: "\f05d";
			  font-family: 'FontAwesome';
			  font-weight: normal;
			  font-size: 18px;
			}
			.alreadyAdded:after {
			  content: " added";
			  font-size: 14px;
			}	

			
			
			.undatedVisits{
				border: 1px solid #2386D8;
				background: white;
				overflow: auto;
				width: 100%;
				padding: 10px 20px;
				max-height: 600px;
				min-height: 200px;
				margin: 0 auto 2px auto;
				-webkit-border-radius: 5px;
				border-radius: 5px;
				-moz-border-radius: 5px;
			}
			
			.undatedTitle{		
				text-align: center;
				font: 700 26px "museo-sans-rounded", sans-serif;
				margin: 2px auto 0 auto;
				padding: 10px;
				background:white;
				color: #2386D8;
				border-top: 1px dotted #2386D8;
				position: relative;
				letter-spacing: 1px;
				width: 100%;
				}		
			 
			.saveNote {
				border: 2px solid #2999F5;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				font: 700 20px "museo-sans-rounded", sans-serif;
				width:200px;
				padding:5px;
				text-align: center;
				margin: 0 ;
				color: #2999F5;
				background: white;
				float: right;
			}
			
			.saveNote:hover {
				color: white;
				background: #2999F5;
				cursor: pointer;
			}
			
			.saveNote:before {
			  content: "\f0c7";
			  font-family: 'FontAwesome';
			  font-weight: normal;
			  font-size: 28px;
			  padding: 6px 6px 6px 0;
			}
			
			
			.login input[type=text],input[type=password]{
			  width: 300px; 
			  height: 39px; 
			  -webkit-border-radius: 0 4px 4px 0/5px 5px 4px 4px; 
			  -moz-border-radius: 0 4px 4px 0/0px 0 4px 4px; 
			  border-radius: 0 4px 4px 0/5px 5px 4px 4px; 
			  background-color: #fff; 
			  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);  
			  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); 
			  box-shadow: 0px 0px 5px rgba(0,0,0,0.2); 
			  border: solid 0 #cbc9c9;
				margin:0;
				display: inline-block;
				padding-left:10px;
				
			}
			
			.login td{
				
				padding: 10px;
				
			}
			.login #icon {
				display: inline-block;
			  width: 40px;
			  height: 39px; 
			  background-image: linear-gradient(to right,#b721ff 0%, #21d4fd 100%);
			  background-size: 200% auto;
			  padding:11px 12px;
			  font-size: 120%;
			  line-height: 80%;
			  border-radius: 4px 0 0 4px;
			  color: white;
			  box-shadow: 0px 0px 5px rgba(0,0,0,0.2);  
			  border: solid 0 #3a57af;
			  margin:0px -5px 0  0  ;
			}
			
			
			
			
			.loginbutton{
					font-family: "museo-sans-rounded";
					font-size: 16px;
					padding: 10px 8px;
					border: 0;
					border-radius:20px;
					margin:2px 2px 2px 2px;
					color: white;
					text-decoration: none;
					background-image: linear-gradient(to right,#b721ff 0%, #21d4fd 100%);
					background-size: 200% auto;
					transition: 0.5s;

					box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
					width: 100%;
					height: 40px;
			
			}
			
			
			.loginbutton:hover {
							color:white;
							cursor: pointer;
							//background:#167EFC; 
							background-position: right center;
							text-decoration: none;
							transition: 0.5s;
			
			}
			
			.loginHelpTable{
				
			
			}
			
			.logintable .loginHelpTable td{
				padding: 6px 2px;

			}
			
			.logintitle{
			
							text-align: center;
							width: 400px;
							font: 900 26px "museo-sans-rounded", sans-serif;
							padding: 10px;
							color: white;
							display: flex;
							margin: 0 -10px;
							background: #bf82f7;
							border-top-left-radius: 20px;
							border-top-right-radius: 20px;
							text-shadow: 0 0 5px #666;
			}
			
			.logintitle div{
			
							text-align: center;
							font: 900 26px "museo-sans-rounded", sans-serif;

							color: white;

							text-shadow: 0 0 5px #666;
			}
			
			
			
			.loginsubtitle{
				font: 500 28px "museo-sans-rounded", sans-serif;
				color: #bf82f7;
				text-align: center;
				padding: 10px;
			}
			
			.loginsubtitleRed{
				font: 500 28px "museo-sans-rounded", sans-serif;
				color: red;
				font-weight: 900;
				text-align: center;
				padding: 10px;
			}
			
			
			.loginContainer{
				margin: 0;
				z-index: 0;
				background-image: url('/phbDigital/assets/assets/images/sunCombo.png');
				background-repeat: no-repeat;
				background-size: 40%;
				background-position: -100px 0;
				position: fixed;
				top: 0;
				bottom: 0;
				height: 100%;
				width: 100%;
				padding-top: 10%;
				
			}
			
			.logintable{
				width: 400px;
				height: 380px;
				padding: 5px;
				display: flex;
				justify-content: center;
				align-items: center;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				background: white !important;
				//border: 1px solid #fff6e6;
				border-radius: 20px;

				//box-shadow: 0px 0px 25px 0px rgba(255,255,255,0.75);
			}
			
			.logintable td{
				border:none;
				padding:20px 10px;
			
				}
			
			
			#logoutMessage{
				
				width: 100%;
				height: 28px;
				background: white;
				color: red;
				font: 500 16px "museo-sans-rounded", sans-serif;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				margin: 0 0 10px 0;
				padding: 5px 0 0 0;
			
			}
			
			
			
			
			
					
						
						
			/* CALENDAR CSS + START=================================================== */
				
			
			table.SMcalendar {
				border-collapse: separate;
				border-spacing: 0;
				position: absolute;
				top: 1px;
				-webkit-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 1);
				-moz-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 1);
				box-shadow: 0 0 2px 0 rgba(50, 50, 50, 1);
				width:100%;
				background:rgb(192,185,230);
			}
			table.SMcalendar td {
			    border: 1px solid silver;
			    border-radius: 5px;
			    -moz-border-radius: 5px;
			    padding: 3px;
			    color: #70727f;
			    background: white;
			    cursor: pointer;
			}
			table.SMcalendar td:hover{
				background: #29A6E4;
				color:white;
			}
			table.SMcalendar td.noHover:hover{
				background: white;
				color:white;
			}
			table.SMcalendar, th {
			    text-align: center !important;
			}
			
			#yearDiv{
			text-align: center;
			
			}
			
			.control{
			margin: 0;
			width: 10%;
			display: inline-block;
			-webkit-box-shadow: none !important;
			-moz-box-shadow: none !important;
			box-shadow:  none !important;
			}
			
			
			
			#yearDisplay{
			display: inline-block;
				background: none;
				color:#29A6E4;
				font: 700 24px "museo-sans-rounded", sans-serif;
			}
			
			
			
			#mainUI{
			width: 100%;
			display: table;
			border-spacing: 2px;
			border-collapse: separate;
			
			}
			
			
			
			
			#calendarDisplay{
				display: table-cell;
				top:10px;
				border-radius: 5px;
				-moz-border-radius: 5px;
				min-width: 220px;
				max-width: 35%;
				//height:600px;
				background-color:#e7eff6;
				background-image: url('/phbDigital/assets/images/calendarBack.jpg');
				background-position:0 0;
				background-repeat: no-repeat;
				background-size: cover;
				position: relative;
				padding: 0 6px 2px 2px;
			}
			#rangeDisplay{
				display: table-cell;
				width:100%;
				padding: 10px 0 10px 10px;
				vertical-align: top;
				table-layout: fixed;
			}
			
	
			
			
			#monthDiv{
			width: 100%;
			margin: 0;
				padding: 0;
			border-spacing: 2px;
			text-align: center;
			}
			
			#monthDivOne{
				display: inline;
				margin: 0 -3px 0 0;
				padding: 0;
				width: 50%;
				display:inline-table;
			border-spacing: 2px;
			}
			#monthDivTwo{
				display: inline;
				margin: 0 0 0 -3px;
				padding: 0;
				width: 50%;
				display:inline-table;
			border-spacing: 2px;
			
			}
			
			
			
			
			#monthDiv #jan:after{
				content:"Jan";
			}
			#monthDiv #feb:after{
				content:"Feb";
			}
			#monthDiv #mar:after{
				content:"Mar";
			}
			#monthDiv #apr:after{
				content:"Apr";
			}
			#monthDiv #may:after{
				content:"May";
			}
			#monthDiv #jun:after{
				content:"Jun";
			}
			#monthDiv #jul:after{
				content:"Jul";
			}
			#monthDiv #aug:after{
				content:"Aug";
			}
			#monthDiv #sep:after{
				content:"Sep";
			}
			#monthDiv #oct:after{
				content:"Oct";
			}
			#monthDiv #nov:after{
				content:"Nov";
			}
			#monthDiv #dec:after{
				content:"Dec";
			}
			
			
			
			
			
			.month{
			color: #29A6E4;
			cursor: pointer;
			text-align: center;
			display: table-cell;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			border:1px solid #29A6E4;
			height: 40px;
			vertical-align: middle;
			}
			
			.month:hover{
			background: #29A6E4;
			color: white;
			}
			
			.active{
			background: #29A6E4;
			color: white;
			}
			/* CALENDAR CSS + END=================================================== */	
				
				
			
		
		
			.dipTop .title{
				font-family: 'tekton';
				padding: 2px;
				margin: 0;
				font-size: 26px;
				color: #167EFC;
				text-align: left;
				line-height: 24px;
			}
			
			.searchingboxContainer{
				
				width: 60%;
				margin: 0 auto;
				
			}	
		
			#searchingbox{
				width:80%;
				font-size: larger;
				-webkit-appearance: none;
				box-sizing: border-box;
				margin: 8px -2px 0 0;
				padding: 5px 0 5px 15px;
				font-size: 16px;
				font-weight: normal;
				border-radius: 5px;
				font-family: sans-serif;
				border: 1px solid #999;
				-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
				transition:  width .5s;
				height: 36px;
			
			}
			
			#searchingbox:focus {
				-webkit-box-shadow: inset 0 0 5px 0 rgba(22,125,252,0.5);
				-moz-box-shadow: inset 0 0 5px 0 rgba(22,125,252,0.5);
				box-shadow: inset 0 0 5px 0 rgba(22,125,252,0.5);
			}			
						
			.searchBox{
				width:78%;
				font-size: larger;
				-webkit-appearance: none;
				box-sizing: border-box;
				margin: 8px -2px 0 0;
				padding: 5px 0 5px 15px;
				font-size: 16px;
				font-weight: normal;
				-webkit-border-radius: 5px;
				-webkit-border-top-right-radius: 0;
				-webkit-border-bottom-right-radius: 0;
				-moz-border-radius: 5px;
				-moz-border-radius-topright: 0;
				-moz-border-radius-bottomright: 0;
				border-radius: 5px;
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
				font-family: sans-serif;
				border: 1px solid #999;
				float: left;
				-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
				transition:  width .5s;
				height: 36px;
			
			}
			
			.searchBox:focus {
				-webkit-box-shadow: inset 0 0 5px 0 rgba(22,125,252,0.5);
				-moz-box-shadow: inset 0 0 5px 0 rgba(22,125,252,0.5);
				box-shadow: inset 0 0 5px 0 rgba(22,125,252,0.5);
			}
			
			
			.searchBox::-webkit-input-placeholder::before { font-family: fontAwesome; content:'\f002'; color: #6b6873 }
			.searchBox::-moz-placeholder::before  { font-family: fontAwesome; content:'\f002'; color: #6b6873 } /* firefox 19+ */
			.searchBox:-ms-input-placeholder::before  { font-family: fontAwesome; content:'\f002'; color: #6b6873 } /* ie */
			.searchBox input:-moz-placeholder::before  { font-family: fontAwesome; content:'\f002'; color: #6b6873 }
			
			
			#famSearchBox .searchbutton{
				font: 500 18px "museo-sans-rounded", sans-serif;
				padding: 2px 20px;
				border: 2px solid #2999F5;
				-webkit-border-radius: 0;
				-webkit-border-top-right-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-moz-border-radius: 0;
				-moz-border-radius-topright: 5px;
				-moz-border-radius-bottomright: 5px;
				border-radius: 0;
				border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;				
				margin: 8px 2px 2px 2px;
				color: rgba(255,255,255,0.8);
				text-decoration: none;
				background:#167EFC; 
				-webkit-transition: padding .5s; /* For Safari 3.1 to 6.0 */
				transition:  padding .5s;
				width:20%;
				
				height:36px;
				display: inline-block;
				-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
				transition:  background .5s;
			}
			
			
			
			
			#famSearchBox .searchbutton:hover{
				color:rgba(255,255,255,1);
				cursor: pointer;
				
				background:#1E5799; 
				-webkit-transition: background .3s; /* For Safari 3.1 to 6.0 */
				transition:  background .3s;
			}	
			
			
			.searchButtonContainer{
				float: left;
				width:250px;
				-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
				transition:  width .5s;
			}
			
			
			#searchcurriculum .searchbutton{
				font: 500 18px "museo-sans-rounded", sans-serif;
				padding: 2px 20px;
				border: 2px solid #2999F5;
				-webkit-border-radius: 0;
				-webkit-border-top-right-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-moz-border-radius: 0;
				-moz-border-radius-topright: 5px;
				-moz-border-radius-bottomright: 5px;
				border-radius: 0;
				border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;				
				margin: 8px 2px 2px 2px;
				color: rgba(255,255,255,0.8);
				text-decoration: none;
				background:#167EFC; 
				-webkit-transition: padding .5s; /* For Safari 3.1 to 6.0 */
				transition:  padding .5s;
				width:20%;
				
				height:36px;
				display: inline-block;
				-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
				transition:  background .5s;
			}
			
			
			
			
			#searchcurriculum .searchbutton:hover{
				color:rgba(255,255,255,1);
				cursor: pointer;
				
				background:#1E5799; 
				-webkit-transition: background .3s; /* For Safari 3.1 to 6.0 */
				transition:  background .3s;
			}	
						
			.famVisitList{
				padding:20px;
			}			
						
						
			
			#vistlist{
			text-align: center;
			color:#29A6E4;
			font: 500 18px "museo-sans-rounded", sans-serif;
			padding: 20px;
			}
				
						
			#visitView{
				
			}
			
			.address{
				font: 300 14px "museo-sans-rounded", sans-serif;
			}
			.address b{
				font: 700 14px "museo-sans-rounded", sans-serif;
			}
			
			
			#famSearchBox{
				display: inline-block;
				width:100%;
				margin: 10px 6px 8px 6px;

			}
			

			
			
			.famSearch{
				color: rgb(33,123,199);
				font: 300 20px "museo-sans-rounded", sans-serif;
				width: 70%;
				border: 1px solid rgb(41,153,245);
								-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
			}

			
			.famImg{
				max-width: 70px;
				max-height: 70px;
				border: 3px solid white;
				-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
				-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
				box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
				margin:0 0 5px 20px;
				
				cursor: pointer;
				background: white;
				border-radius: 10%;
			
			}
				
			
			
			.famImg:hover{
				-webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.8);
				-moz-box-shadow: 0 0 7px 0 rgba(0,0,0,0.8);
				box-shadow: 0 0 7px 0 rgba(0,0,0,0.8);


			}
			
			.famImgBig{
				min-width: 200px !important;
				max-width: 300px !important;
				max-height: 300px !important;
				position: absolute;
				z-index: 20;
				margin:-100px 0 5px -20px !important;
				-webkit-transition: all 0.2s ease;
				-moz-transition: all 0.2s ease;
				 -o-transition: all 0.2s ease;
				transition: all 0.2s ease;
			}
			
			
			.contacts_blob{
				
				min-width:40%;
				margin: 0 0 0 60px;
				float: left;
			}
			.children_blob{
				min-width:40%;
				margin:20px 0 0  60px;
				float: left;
				
			}
			.datetime_blob{
				width:100%;
				margin: 0 0 0 40px;		
				
			}
			.location_blob{
				float: left;
				padding:0 0 0 4px;
				margin: 0 0 0 40px;	
			}
			.notes_blob{
				float: left;
				padding:0 0 0 4px;
				margin: 0 0 0 60px;
			}
			
			#familyList{
				
				margin-bottom: 100px;
				
			}
			
			.numBox{
				font: 900 20px "museo-sans-rounded", sans-serif;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-bottomleft: 5px;
				border-top-left-radius: 5px;
				border-bottom-left-radius: 5px;
				/*background: rgba(62,140,216,0.4);*/
				background: rgba(112,61,172,0.3);
				color: white;
				width: 60px;
				height: 60px;
				text-align: center;
				position: absolute;
				top:0;
				left: 0;
				padding:0;
			}
			
			
			.visitTitle .title:before {
			  content: "\f097";
			  font-family: 'FontAwesome';
			  font-weight: 100 !important;
			  color:white;
			  font-size: 30px !important;
			  line-height: 60px;
			}
			
			.visitTitle .who:before {
			  content: "\f1ae";
			  font-family: 'FontAwesome';
			  font-weight: normal !important;
			  color:white;
			  font-size: 30px !important;
			  line-height: 60px;
			}
			
			.visitTitle .when:before {
			  content: "\f073";
			  font-family: 'FontAwesome';
			  font-weight: normal !important;
			  color:white;
			  font-size: 30px !important;
			  line-height: 60px;
			}

			
			.visitTitle .where:before {
			  content: "\f278";
			  font-family: 'FontAwesome';
			  font-weight: normal !important;
			  color:white;
			  font-size: 30px !important;
			  line-height: 60px;
			}
			
			.visitTitle .notes:before {
			  content: "\f24a";
			  font-family: 'FontAwesome';
			  font-weight: normal !important;
			  color:white;
			  font-size: 30px !important;
			  line-height: 60px;
			}
			
			.visitTitle .dip:before {
			  content: "\f02d";
			  font-family: 'FontAwesome';
			  font-weight: normal !important;
			  color:white;
			  font-size: 30px !important;
			  line-height: 60px;
			}
			
			
			
			
			hr.style12 { 
			  border: 0; 
			  margin:10px 0 10px -10px;
			  padding:  0;
			  height: 1px; 
			  /*
			  background-image: -webkit-linear-gradient(left, #c1d6ec, #c1d6ec, #ffffff);
			  background-image: -moz-linear-gradient(left, #c1d6ec, #c1d6ec, #ffffff);
			  background-image: -ms-linear-gradient(left, #c1d6ec, #c1d6ec, #ffffff);
			  background-image: -o-linear-gradient(left, #c1d6ec, #c1d6ec, #ffffff); 
			  */
			}
			
			
			hr.style14 { 
			  border: 0; 
			  margin:2px 0;
			  padding: 0;
			  height: 1px; 
			  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
			  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
			  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
			  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
			}
						
			.searchView{
				-webkit-transition: background-color 1s ease;
				transition: background-color 1s ease;
			}
			
			.blanket{
				position: absolute;
				top: 0;
				left:0px;
				width: 100%;
				min-height: 100%;
				z-index: 50;
				background: rgba(86, 8, 113, 0.5);
				overflow: hidden;
				text-align: center;
				display: none;
				cursor: pointer;
				
			}
			
			.txtingBlanket, .emailingBlanket, .favoritesBlanket, .txtingBlanketFavorites, .emailingBlanketFavorites{
				position: absolute;
				top: 0;
				left:0px;
				width: 100%;
				min-height: 150%;
				z-index: 1000;
				background: rgba(0, 30, 52, 0.6);
				overflow: hidden;
				text-align: center;
				display: none;
				cursor: pointer;
				
			}
			
			
			.printBlanket{
				position: absolute;
				top: 0;
				left:0px;
				width: 100%;
				min-height: 150%;
				z-index: 998;
				background: rgba(0, 30, 52, 0.6);
				overflow: hidden;
				text-align: center;
				display: none;
				cursor: pointer;
				
			}
		
			.holoading{
				margin: 30px auto;
				font-size:20px;
				background-image:none;
				//background-image:  url('../images/rainbowLoader.gif');
				background-repeat:   no-repeat;
				//background-size: contain;
				background-position: center center;
				width: 100%;
				height: 40%;
			}
			
			
			.dipHeader{
				
				border-width: 0 1px 1px 1px;
				border-color: black;
				border-style: solid;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				width: 100%;
				font-family: 'tekton';
				font-size: 120%;
			}
			
			.dipHeaderTop{
				background: rgb(203,0,126);
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				border-width: 3px 2px 1px 2px;
				border-color:  rgb(203,0,126);
				width: 100%;
				height: 26px;	
				padding: 2px 10px;
				color: white;
				font-weight: bold;
				margin:0;
				position: relative;
				
			}
			.dipHeaderBottom{
				background: white;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				width: 100%;
				height: 26px;	
				padding: 2px 10px;
				color: black;
				position: relative;
				
			}
			.dipHeader .left{
				float: left;
			}
			
			.dipHeader .right{
				position: absolute;
				top:2px;
				right:0;
				text-align: right;
				padding-right: 3px;
				//font-size:calc(5px + 0.7vw);
				font-size: clamp(12px, 1vw, 18px);
			}
			
			.dipFooter{
				margin-top: auto;
				border-top: 1px solid black;
				font-family: 'tekton';
			}
			
			.dipFooter .left{
				float: left;
			}
			
			.dipFooter .right{
				float: right;
			}
			
			.visitPlanTitle{
				
				padding: 0 80px 0 0;
			}
			
			#landHere{
				display: none !important;
			}
			
			a.mapIcon{
				border: 1px solid #29A6E4;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				padding: 1px 3px;
				background: white;
				display: inline-block;
				text-decoration: none;
				font-size:14px;
				
				
			}
			
			
			a.mapIcon:hover{
				background:  #29A6E4;
				color:white;
			}
			
			.clearSearch{
				font-size: 26px !important;
				padding: 3px 0 0 0;
				display: inline;
				margin: 10px 2px 2px -30px;
				color: #bebec4;
				text-decoration: none;
				float: left;
			}
			.clearSearch:hover{
				color:red;
				cursor: pointer;
			}

			

			
			.selectedFamily{
				display: inline-block;
				//border:1px solid rgb(192,185,230);
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				padding:10px 20px;
				background: white;
			}
			
			.topbar {
				border-bottom:2px solid rgba(255, 255, 255, 0.5) ;

			    height: 70px;
				font: 500 15px/20px "museo-sans-rounded", sans-serif;
			
			    z-index: 200;
			    
			    color:#a882e2;
			    
			}
			
			#dimensions{
				height: 60px;
				padding: 12px 20px 20px 20px;
				float: right;
				width:100%;
				text-align: right;
				font-size: 130%;
				color:#a882e2;
			}
			
			#dimensions .curric{
				padding: 10px;
				border:1px solid rgba(255,255,255,0.4);
				background: none;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
					
			}
			#dimensions .curric:hover{
				border:1px solid #167EFC;
				background: rgba(255,255,255,0.6);
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				color:#167EFC;
				cursor: pointer;
			}
			
			#dimensions .logout{
				padding: 10px;
				//border:1px solid rgba(255,255,255,0.4);
				background: none;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
				//width: 140px;
				text-align: center;
					
			}
			#dimensions .logout:hover{
				//border:1px solid #167EFC;
				background: rgba(255,255,255,0.6);
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				color:#167EFC;
				cursor: pointer;
				box-shadow: 0 0 5px rgba(114, 72, 169, 0.7);
			}
			#dimensions .addLicenseToUser{
				padding: 10px;
				border:1px solid rgba(255,255,255,0.4);
				background: none;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				position: absolute;
				top: 6px;
				right: 290px;
				width: 160px;
				color: white;
				background: blue;

					
			}
			#dimensions .addLicenseToUser:hover{
				border:1px solid #167EFC;
				background: rgba(255,255,255,0.6);
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				color:#167EFC;
				cursor: pointer;
			}
			#dimensions .account{
				padding: 10px;
				border:1px solid rgba(255,255,255,0.4);
				background: none;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
				//width: 140px;
				text-align: center;
					
			}
			
			
	@media  screen and (min-width:1400px) {		
				#dimensions .account:after{
					content:"Account";
				}
				#dimensions .logout:after{
					content:"Logout";
				}
			}
			
			
			#dimensions .curric:after{
				content:"Curriculum";
			}


			
			#dimensions .addLicenseToUser:after{
				content:"Add License";
			}
			
			#dimensions .account:hover{
				//border:1px solid #167EFC;
				background: rgba(255,255,255,0.6);
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				color:#167EFC;
				cursor: pointer;
				box-shadow: 0 0 5px rgba(114, 72, 169, 0.7);
			}
			
			#dimensions .addLicenseToUser:before {
			  content: "\f067";
			  font-family: 'FontAwesome';
			  margin:0 0 0 6px; 
			}
			#dimensions .curric:before {
			  content: "\f02d";
			  font-family: 'FontAwesome';
			  margin:0 0 0 6px; 
			}
			#dimensions .logout:before {
			  content: "\f023";
			  font-family: 'FontAwesome';
			  margin:0 0 0 6px; 
			}
			
			#dimensions .user:before {
			  content: "\f1ae";
			  font-family: 'FontAwesome';
			  margin:0 0 0 6px; 
			}
			#dimensions .admin:before {
			  content: "\f013";
			  font-family: 'FontAwesome';
			  margin:0 0 0 6px; 
			}
			#dimensions .account:before {
			  content: "\f07c";
			  font-family: 'FontAwesome';
			  margin:0 0 0 6px; 
			}
			
			#dimensions .admin:before {
			  content: "\f085";
			  font-family: 'FontAwesome';
			  position: relative;
			  top:10px;
			  left:0px;
			}
			

			
			#appNavigation ul{
				display: inline-block;
				text-align: center;
				width:100%;
				list-style:none;
				padding:0;
				margin: 0 -15px 0 0;
				
			}
		
			#appNavigation ul li{
					font-family: "museo-sans-rounded";
					font-size: 20px;
					padding: 10px 8px;
					border: 0;
					border-radius:20px !important;
					margin:-2px 2px 2px 2px;
					color: white;
					text-decoration: none;
					//background-image: linear-gradient(to right,#ffffff 0%, #ffffff 49%,#b721ff 60%, #21d4fd 100%);
					
					background-size: 220% auto;
					transition: all .4s ease-in-out !important;

					box-shadow: 0 0 5px rgba(255, 255, 255, 0.7);
					width: 100%;
					height: 46px;
			
			}
			
			
			#appNavigation ul li:hover{
							//color:white;
							cursor: pointer;
							//background:#167EFC; 
							background-position: right center;
							text-decoration: none;
							box-shadow: 0 0 5px rgba(29, 2, 74, 0.4);
							transition: all .4s ease-in-out !important;
			
			}

			/*
			#appNavigation .tabs li a{
				color: #a882e2;
				text-decoration: underline;
			}
			*/
			
			.searchResultsContainer{
				display:inline-block;
				margin: 0 auto;width:100%;
			}
			
			
			#handoutpage{
				position: absolute;
				top: 60px;
				left:0px;
				width: 100%;
				height: 150%;
				z-index: 301;
				background: rgba(255,255,255,0.3);
				background-image: url('../images/60-lines.png');
				background-attachment: fixed;
				
			}
			
			
			#loader_img{
				display: none;
			}
			
			#printFrameGoesHereTwo{
				
				border:10px solid red;
			}
			
			#printFrameGoesHereTwo iframe{
			
					margin: 0;
					padding: 0;
					border: none;
					width: 600px;
					height: 400px;
					
			}
			
			
			
			#printFrameGoesHere iframe{
			
					margin: 0;
					padding: 0;
					border: none;
					width: 600px;
					height: 0;
					position: absolute;
			}
			
			
			#printFrameHandout iframe{
			
					margin: 0;
					padding: 0;
					border: none;
					width: 600px;
					height: 0;
					position: absolute;
			}
			
			
			
			
			
			#contactDiv input{
				border: 1px solid #ddddee;
				margin: 4px 4px 4px 0;
				-moz-border-radius: 5px;
			    -webkit-border-radius: 5px;
			    -khtml-border-radius: 5px;
			    border-radius: 5px;
				padding: 5px;
				color: #444444;
				
				}
				
				
			.formchunk .label{
				color:#7F9DAF;
				font: 500 15px/20px "museo-sans-rounded", sans-serif;
				display: inline-block;
				
			}
			
			
			.formchunk .inputcontainer{
					display:  inline-block;
					font: 500 18px "museo-sans-rounded", sans-serif;
					
				}
				
			.contactTitle{
				
				text-align: left;
				color:#0346a4;
				font: 400 24px "museo-sans-rounded", sans-serif;
				margin: 5px 0 -20px 30px;
				border-width: 1px 1px 0 1px;
				border-style: solid;
				border-color: silver;
				
				background: #fff;
				padding: 5px;
				width: 200px;

				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				
			}	
			
			.formchunk{
				//width:310px;
				display: inline-block;
				vertical-align: top;
				margin: 2px;
				padding: 2px;
				border: 1px dotted #bcd7e7;
				-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					-khtml-border-radius: 10px;
					border-radius: 10px;
					background:rgba(255,255,255,0.5);
			}
			
			
			#contactDiv .inputcontainer{
					display:  inline-block;
			
				}
				
				
			
			
			
			#contactDiv .selectcontainer{
					display: inline-block;
					border: 1px solid #e0eaf0;
					width: 290px;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					-khtml-border-radius: 10px;
					border-radius: 10px;
					padding: 5px;
					margin: 10px 0 10px 5px;
				}
				
			#contactDiv hr{
				clear: both;
			}
			
			
			
			.phonenumbers{
				margin: 1px 0 1px 30px !important;
				
			}
			
			
			.phonenumbers:before {
			  content: "\f095";
			  font-family: 'FontAwesome';
			  margin:0; 
			  color:gray;
			}
			
			
			.phoneType{
				 margin:0 2px 0 0; 
				display: inline-block;
				color: gray;
				font: 300 15px "museo-sans-rounded", sans-serif;
			}
			
			.noFamName{
				color: gray;
				font: 300 13px "museo-sans-rounded", sans-serif;
				display: inline-block;
			}
			.deletePhone{
				font: 300 13px "museo-sans-rounded", sans-serif;
				font-size: 16px;
				border-radius:8px;
				border:2px solid white;
				margin: 0;
			    color: #167EFC;
			    text-decoration: none;
			    white-space: nowrap;
			    padding: 3px;
			    width: 36px;
			    display: inline-block;
			}
			
			.deletePhone:before {
			  content: "\f1f8";
			  font-family: 'FontAwesome';
			  margin:0 0 0 6px; 
			}
			
			
			.deletePhone:hover{
				 color:white;
				cursor: pointer;
				background:red; 
				text-decoration: none;
				border:2px solid orange;
			}
			
			
			.editContact{
				font: "museo-sans-rounded", sans-serif;
				font-size: 18px;
				 padding: 2px 10px;
			    border: 1px solid  #167EFC;
				border-radius:8px;
				margin:0 5px 0 30px;
			    color: #167EFC;
			    text-decoration: none;
			    background: rgba(255,255,255,0.8);
			    width: 90px;
			    height:30px;
			    position: absolute;
			   	bottom: 4px;
			   	right: 6px;
			}
			
			.editContact:before {
			  content: "\f044";
			  font-family: 'FontAwesome';
			  padding: 0 5px 0 0;
			}
			
			
			.editContact:hover{
				 color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
			}




			.editOneContact{
				font: "museo-sans-rounded", sans-serif;
				font-size: 18px;
				 padding: 3px 5px 2px 5px;
			    border: 1px dotted  #167EFC;
			    border-left: 1px dotted #167EFC !important;
				border-radius:16px;
				margin:-4px -4px 0 5px;
			     color: #3b81d6;
			    text-decoration: none;
			    background: rgba(255,255,255,0.8);
			    width: 28px;
			    height:28px;
		        position: absolute;
			    top:5px;
			    right: 5px;

			}
			
			.editOneContact:before {
			  content: "\f040";
			  font-family: 'FontAwesome';
			  padding: 0 5px 0 0;
			}
			
			
			.editOneContact:hover{
				 color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
			}
			







			.viewOneContact{
				font: "museo-sans-rounded", sans-serif;
				font-size: 18px;
				 padding: 3px 5px 2px 5px;
			    border: 1px dotted  #167EFC;
			    border-left: 1px dotted #167EFC !important;
				border-radius:16px;
				margin:-4px 0px 0 5px;
			    color: #3b81d6;
			    text-decoration: none;
			    background: rgba(255,255,255,0.8);
			    width: 28px;
			    height:28px;
		        position: absolute;
			    top:5px;
			    right: 35px;
			    

			}
			
			.viewOneContact:before {
			  content: "\f06e";
			  font-family: 'FontAwesome';
			  padding: 0 5px 0 0;
			 
			}
			
			
			.viewOneContact:hover{
				 color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
			}
			



			.closeContact{
				
				
				 padding: 0 0 0 2px;

				text-align: center;
			    color: white;
			    text-decoration: none;

			    width: 42px;
			    height:42px;
			    position: absolute;
			   	top: -10px;
			   	right: -10px;
			   	
			   	background-image: url('../images/close.png');
					background-repeat: no-repeat;
					cursor: pointer;
			}
			
			
			
			.closeContact:hover{
				 color:#167EFC;
				cursor: pointer;
				background:white; 
				text-decoration: none;
				background-image: url('../images/close_on.png');
				background-repeat: no-repeat;
			}
			
			.saveChild:after{
				content:"Save Child";
			}
			.deleteChild:after{
				content:"Delete Child";
			}
			.delContact:after{
				content:"Delete Contact";
			}
			.savContact:after{
				content:"Save Contact";
			}
			.deleteLocation:after{
				content:"Delete Location";
			}
			.saveLocation:after{
				content:"Save Location";
			}
			
			
			
			
			
			.titleCal{
				font: 500 15px "museo-sans-rounded", sans-serif;
				background: #F2F2F2;
				color:#5A5A5A;
			}
			
			.closeCal{
				font: 700 14px "museo-sans-rounded", sans-serif;
			    color: gray;
			    text-align: right !important;
			    background: #F2F2F2;
			}
			
			.closeCal:after {
			  content: "\f00d";
			  font-family: 'FontAwesome';
			  font-size:15px;
			  padding: 0 0 0 10px;
			  
			}
			
			
			.closeCal:hover{
				 color:#167EFC;
				cursor: pointer;
			
			}
			
			
			
			
			
			
			.saveLocation{
				font: "museo-sans-rounded", sans-serif;
				font-size: 18px;
				 padding: 2px 10px;
				border-top:0px solid #167EFC;
				border-right:1px solid #167EFC;
				border-bottom:1px solid #167EFC;
				border-left:1px solid #167EFC;
				border-radius: 0 0 8px 8px;
				margin: 0 6px 0 40px !important;
			    color: #167EFC;
			    text-decoration: none;
			    background: rgba(255,255,255,0.8);
			    width: 175px;
			   	background: url('../images/saveBlock.png') no-repeat left center;
			}
			
			.saveLocation:before {
			  content: "\f0c7";
			  font-family: 'FontAwesome';
			  padding: 0 20px 0 0;
			  color:white;
			  color:rgba(255,255,255,0.8);
			}
			
			.saveLocation:hover:before {
				color: inherit;
			}
			.saveLocation:hover{
				 color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
			}
			
			
			
			
			
			
			
			
			.saveContact{
				font: "museo-sans-rounded", sans-serif;
				font-size: 18px;
				 padding: 2px 10px;
			    border: 2px solid  #167EFC;
				border-radius:8px;
				margin:0 5px 0 30px;
			    color: #167EFC;
			    text-decoration: none;
			    background: rgba(255,255,255,0.8);
			    width: 175px;
			    position: absolute;
				bottom: 2px;
			   	right: 10px;
			   	background: url('../images/saveBlock.png') no-repeat left center;
			}
			
			.saveContact:before {
			  content: "\f0c7";
			  font-family: 'FontAwesome';
			  padding: 0 20px 0 0;
			  color:white;
			  color:rgba(255,255,255,0.8);
			}
			
			.saveContact:hover:before {
				color: inherit;
			}
			.saveContact:hover{
				 color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
			}
			
			.deleteContact{
				font: 300 16px "museo-sans-rounded", sans-serif;
				
				border-radius:8px;
				border:2px solid #e9f0f8;
				margin:0px 0 0 60px;
			    color: #167EFC;
			    text-decoration: none;
			     background: rgba(255,255,255,0.8);
			    white-space: nowrap;
			    padding: 3px;
			    width:160px;
			   	position: absolute;
			   	bottom:5px;
			   	left: 0;
			   clear: both;
			}
			
			.deleteContact:before {
			  content: "\f1f8";
			  font-family: 'FontAwesome';
			  margin:0 0 0 6px; 
			  padding: 0 5px 0 0;
			}
			
			
			.deleteContact:hover{
				 color:white;
				cursor: pointer;
				background:red; 
				text-decoration: none;
				border:2px solid orange;
			}
			
			

			
			.contactForm{
				border: 1px solid silver;
				-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					-khtml-border-radius: 10px;
					border-radius: 10px;
					margin:20px;
					padding:0;
					position: relative;
					
			}
			
			form.contactForm {
				background:cornsilk;
			}
			
			
			.savedel{
				background:  #e9f0f8;
				height:40px;
				-webkit-border-bottom-right-radius: 10px;
				-webkit-border-bottom-left-radius: 10px;
				-moz-border-radius-bottomright: 10px;
				-moz-border-radius-bottomleft: 10px;
				border-bottom-right-radius: 10px;
				border-bottom-left-radius: 10px;
				
			}
			
			
			
			
			
			
			
			.add{
				font: 500 18px "museo-sans-rounded", sans-serif;
				text-align: center;
				border:2px solid #167EFC;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-khtml-border-radius: 10px;
				border-radius: 10px;
				padding: 2px 5px;
				color: #167EFC;
				text-decoration: none;
				white-space: nowrap;
				width: 180px;
				margin:0 auto;
			   
			}
			
			.add:before {
			  content: "\f196  ";
			  font-family: 'FontAwesome';
			   margin:0 0 0 6px; 
			  padding: 0 5px 0 0;
			}
			
			
			.add:hover{
				 color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
			}
			
			
			.addnoborder{
				border:none !important;
				float: right;
			}
			
			
			
			.addPhone{
				font-size: 15px;
				padding: 2px 12px 1px 12px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-khtml-border-radius: 10px;
				border-radius: 10px;
				margin:  6px  !important;
			    color: #167EFC;
			    text-decoration: none;
			    background: rgba(255,255,255,0.5);
			    white-space: nowrap;
			    width:150px;
			    float: right;
			}
			
			.addPhone:before {
			  content: "\f196  ";
			  font-family: 'FontAwesome';
			   margin:0 0 0 6px; 
			  padding: 0 5px 0 0;
			}
			
			.addPhone:hover{
				 color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
			}
			
			
			.addFirstPhone{
				font-size: 15px;
				padding: 5px 12px 3px 12px;
			
				border:1px solid #167EFC;
			
				border-radius:8px;
				margin: 0 6px 0 120px !important;
			    color: #167EFC;
			    text-decoration: none;
			    background: rgba(255,255,255,0.5);
			    white-space: nowrap;
			    width:150px;
			}
			
			.addFirstPhone:before {
			  content: "\f196  ";
			  font-family: 'FontAwesome';
			   margin:0 0 0 6px; 
			  padding: 0 5px 0 0;
			}
			
			.addFirstPhone:hover{
				 color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
			}
			
			
			
			#locationData .formchunk{
				
				width:100% !important;
			}
			
			#locationData .inputcontainer{
				
				width:80% !important;
			}
			
			
			#locationData input[type="text"]{
				
				width:100% !important;
			}
			
			
			
			
			
			.addNote{
				font: 500 18px "museo-sans-rounded", sans-serif;
				padding: 5px 12px 5px 8px;
				border-top:0px solid #167EFC;
				border-right:2px solid #167EFC;
				border-bottom:2px solid #167EFC;
				border-left:2px solid #167EFC;
				border-radius: 0 0 8px 8px  ;
				margin:0px 10px 20px 10px ;
			    color: #167EFC;
			    text-decoration: none;
			    background: rgba(255,255,255,0.5);
			    width:150px;
			    position: relative;
			}
			
			.addNote:before {
			  content: "\f196  ";
			  font-family: 'FontAwesome';
			   margin:0 0 0 6px; 
			  padding: 0 5px 0 0;
			}
			
			.addNote:hover{
				 color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
			}
			
			
			
			#newNote{
				
				height: 200px;
				
			}
			
			
			.deleteNote{
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				border:1px solid white;
				color: #2999F5;
				font: 300 17px "museo-sans-rounded", sans-serif;
				padding:3px 2px 2px 1px;
				margin: 4px auto 0 auto;
				width:80px;
				text-align: center;
			}
			
			.deleteNote:before {
			  content: "\f1f8";
			  font-family: 'FontAwesome';
			  margin:0px; 
			}
			
			
			.deleteNote:hover{
				 color:white;
				cursor: pointer;
				background:red; 
				text-decoration: none;
				border:1px solid orange;
			}
			
			
			.editNote {
				
				border-width: 1px ;
				border-color: #2999F5;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				font: 300 17px "museo-sans-rounded", sans-serif;
				width:80px;
				padding:3px 2px 2px 1px;
				text-align: center;
				margin: 1px auto;
				color: #2999F5;
				background: white;
				
			}
			
			.editNote:hover {
				color: white;
				background: #2999F5;
				cursor: pointer;
			}
			
			.editNote:before {
			  content: "\f044";
			  font-family: 'FontAwesome';
			  font-weight: normal;
			  font-size: 20px;
			  margin: 6px 6px 0 0;
			}
			
			
			
			
			
			
			


			

			
			
			.subsectionSelectLast:after {
				content: "";
			  	font-family: 'FontAwesome';
			  	font-size: 20px;
				margin:0px 0 0 -2px;
				padding:0px;
			}
			
			
			
			/* ============== SEARCH RETURNS =========== */
			
			
			#searchReturns{
			overflow:auto;border:thin solid blue;;
			}
			
			
			
			
			#booktables{
				width:85%;
				padding:0px;
				margin:0 auto;
				border-collapse:separate !important;
				border-spacing: 6px !important;
			}
			
			
			/*#booktables .addbuttons{
				display:none;
			}*/
			
			#booktables tr{
				background:none;
			}
			
			
			#booktables tr:hover{
				background:lightyellow;
				cursor:pointer;
			}
			
			
			#booktables th{
				text-align: center;
				padding:2px;
				background:#7095CD;
				color:white;
				//border:1px solid silver;
			}
			
			#booktables td{
				text-align: center;
				padding:4px;
				//border:1px solid silver;
			}
			
			.booktables  td.book{
				white-space:nowrap;
				background: none;
				width:40px;
			
			}
			
			
			/*
			.booktables  td.book .booktitle{
				white-space:nowrap;
				font: 700 14px/18px "museo-sans-rounded", sans-serif;
				text-align: left;
				text-transform: capitalize;
				line-height: 13px;
				margin: 2px;	
			}
			
			.booktables  td.book .sectiontitle{
				white-space:nowrap;
				font: 300 15px/20px "museo-sans-rounded", sans-serif;
				text-align: left;
				line-height: 14px;
				margin: 0 0 0 5px;
			}
			
			
			
			.booktables  td.book .categorytitle{
				text-align: left;
				margin: 1px 0 0 5px;
				font: 400 15px/20px "museo-sans-rounded", sans-serif;
				color:#4a6b9e;
				line-height: 15px;
			}
			
			
			
			.booktables  td.book .topictitle{
				text-align: left;
				margin: 1px 0 0 8px;
				font: 300 15px/20px "museo-sans-rounded", sans-serif;
				line-height: 14px;
				font-style: italic;
			}
			*/
			
			
			.booktables  td.title{

			}
			
			.booktables  td.title .booktitle{
				white-space:nowrap;
				font: 900 14px "museo-sans-rounded", sans-serif;
				text-align: left;
				margin:0px 2px 0 2px;
				//float: left;	
				color:#135d85;
			}
			.booktables  td.title .sectiontitle{
				white-space:nowrap;
				font: 700 14px "museo-sans-rounded", sans-serif;
				text-align: left;
				//line-height: 14px;
				margin:0px 2px 0 2px;
				//float: left;		
				color:#11405a;	
			}
			.booktables  td.title .categorytitle{
				text-align: left;
				margin:0px 2px 0 2px;
				font: 400 14px "museo-sans-rounded", sans-serif;
				//color:#648495;
				//line-height: 15px;
				//float: left;	
			}
			.booktables  td.title .topictitle{
				text-align: left;
				margin:0px 2px 0 2px;
				font:400 14px "museo-sans-rounded", sans-serif;
				//line-height: 14px;
				//float: left;		
				color:#648495;
			}
			
			.purposeOrigins{
				padding: 0 2px 2px 8px;
				margin: -6px 11px -6px -6px;
				//background-color: #eef2f4;
				background-image: linear-gradient(to right, #eef2f4 0%, #f2fbff 100%);
				position: relative;
				text-align: left;
				height: 100%;
				width: 21%;
				float: left;
			}
			
			
			
			
			
			
			
			#booktables td.section{
				white-space:nowrap;
				background: none;
				width:40px;
			}
			
			#booktables td.category{
				white-space:nowrap;
				background: none;
				width:40px;
				font-size: 90%;
			}
			
			#booktables td.topic{
				background: none;
				text-align: left;
				width:60px;
				line-height: 14px;
				color:slategray;
				font-family: serif;
			}
			
			#booktables td.topInfo{

				font: 700 15px/20px "museo-sans-rounded", sans-serif;
				font-size:calc(12px + 0.7vw);
				line-height: normal !important;
				
				color: #063851;
				border-radius: 5px;
				height: 100%;
				width: 100%;
				margin: 0;
				//border: thin solid #cfe0e9;
				padding: 5px;
				background: white;
				background-position: left center;
				box-shadow: 0 0 6px rgba(000,000,000,0.0);
				text-align: center;
				transition:  all .5s ease;
			}				
			.booktables  td.topInfo .booktitle{
				white-space:nowrap;
				font: 900 14px "museo-sans-rounded", sans-serif;
				text-align: left;
				margin:0px 2px 0 2px;
				//float: left;	
				color:#135d85;
				display: inline-block;
			}
			.booktables  td.topInfo .sectiontitle{
				white-space:nowrap;
				font: 700 14px "museo-sans-rounded", sans-serif;
				text-align: left;
				//line-height: 14px;
				margin:0px 2px 0 2px;
				//float: left;		
				color:#11405a;	
				display: inline-block;
			}
			.booktables  td.topInfo .categorytitle{
				text-align: left;
				margin:0px 2px 0 2px;
				font: 400 14px "museo-sans-rounded", sans-serif;
				//color:#648495;
				//line-height: 15px;
				//float: left;	
				display: inline-block;
			}
			.booktables  td.topInfo .topictitle{
				text-align: left;
				margin:0px 2px 0 2px;
				font:400 14px "museo-sans-rounded", sans-serif;
				//line-height: 14px;
				//float: left;		
				color:#648495;
				display: inline-block;
			}
			
			
			
			
			#booktables td.title{

				font: 400 15px/20px "museo-sans-rounded", sans-serif;
				font-size:calc(12px + 0.7vw);
				line-height: normal !important;
				
				color: #076a9b;
				border-radius: 5px;
				height: 100%;
				width: 100%;
				margin: 0;
				//border: thin solid #cfe0e9;
				padding: 10px;
				background: white;
				background-position: left center;
				box-shadow: 0 0 6px rgba(000,000,000,0.0);
				text-align: left;
				transition:  all .5s ease;
			}	
			
			.resultCount{
				color:#0346a4;
				text-align: center;
				font:"museo-sans-rounded", sans-serif;
				font-weight: 900;
				font-size:calc(12px + 0.6vw);
				padding: 0px 0px 40px 0px;
				margin-top: -10px;
			}
			
		.familyDevelopment{
			color:rgb(112,44,145);					}
		.familyHealth{
			color:rgb(246,136,31);
			}
		.babysDevelopment{
			color:rgb(236,0,140);
			}
		.caringForBaby{
			color:rgb(0,121,193);
			}
			
			#booktables td.title:hover{
				background-image: linear-gradient(to right,#b721ff 0%, #21d4fd 100%);
				background-size: 200%;
				background-position: right center;
				color:white;
				//background-image: linear-gradient(to top,rgba(255, 239, 213, 1) 0%, ivory 8%, ivory 92%, #ffffff 100%);
				//color: #00a1f2;
				//box-shadow: 0 0 6px rgba(80, 37, 112, 0.7);
				transition:  background .5s ease;
			}	
			
			
			#booktables td.title:hover .purposeOrigins{
					background-image: none !important;
				
			}
			
			#booktables td.title:hover .booktitle{
				
				color:white;
			}
			#booktables td.title:hover .sectiontitle{
				
				color:white;
			}
			
			#booktables td.title:hover .categorytitle{
				
				color:white;
			}
			
			#booktables td.title:hover .topictitle{
				
				color:white;
			}
			














			
			#booktables td.noresults{
				background: none;
				text-align: center;
				color:red;
			}
			
			#booktables td.noresults:after {
				content: "  \f119";
			  font-family: 'FontAwesome';
			  font-size: 20px;
			}
			
			#booktables td.nosearch{
				 background: url('../images/toddler_binoculars.jpg');
				 background-size: cover;
				 background-position: center center;
				 height: 1000px;
				 border:1px solid white;
			}
			
			
			
			#purposepage{
				position: absolute;
				top: 0;
				left:0px;
				width: 100%;
				min-height: 120%;
				z-index: 300;
				
				background: rgba(008,035,112,0.5);
				overflow: hidden;
				text-align: center;
				
				
			}
			
			#purposepage .addThisPurpose{
				font-family: "museo-sans-rounded";
				font-size: 17px;
				padding: 2px 10px;
			    border: 4px solid #167EFC;
				border-radius:8px;
				margin: 0;
			    color: #167EFC;
			    text-decoration: none;
			    background: white;
				//box-shadow: 0 0 6px rgba(000,000,000,0.7);
			}	
			
			#purposepage .addThisPurpose:before {
				content: "\f055";
				font-family: 'FontAwesome';
				margin:0px 4px 0  0 ;
				padding:0px;
				font-size: 19px;
			}
			
			
			
			#purposepage .addThisPurpose:hover{
				 color:white;
				cursor: pointer;
				background:#167EFC; 
			}
			
			
			
			
			
			
			
			
			#purposepage  .topinfo .id{
				font-family: sans-serif;
				font-size: 13px;
				
				
			}
			
			
			
			
			
			#purposepage .inner{
				
				text-align: justify;
				font-family:'caxtonlight', serif;
				font-size:116%;
				line-height: normal;
				width: 100%;
				padding: 0;
				margin:0;
				display: inline-block;
				
			}
			
			#purposepage .title{
				font-family: 'tekton';
				padding: 2px;
				margin: 0;
				font-size: 26px;
				color: #167EFC;
				text-align: left;
				line-height: 24px;
			}
			
			
			
			#purposepage .topic{
			
				padding: 2px;
				margin: 0;
				font-size: 16px;
				font-weight:bold;
				text-align: left;
			
			}
			
			#purposepage .topic:before {
				content: "\f00c";
				font-family: 'FontAwesome';
				margin:0px 4px;
				padding:0px;
			}
			
			
			
			
			#purposepage .resourcetitle{
				font-family: "tekton";
				font-weight: bold;
				padding: 2px;
				font-size: 16px;
				color: darkgreen;
			}
			
			#purposepage td.resource{
				padding: 2px 2px 2px 50px;
				font-family: "tekton";
				font-size: 16px;
				background-image: url('../images/resources/resourceIcons.png');
				background-repeat: no-repeat;
				height:56px;
				width:100%;
				text-align: left;
			}
			
			.visitPlanPurpPage{
				text-align: justify;
				font-family: 'caxtonlight', serif;
				font-size: 116%;
				line-height: normal;
			}
			
			
			.printbutton{
				font-family: "museo-sans-rounded";
				font-size: 16px;
				 padding: 1px 8px;
			    border: 2px solid  #167EFC;
				border-radius:8px;
				margin:2px 2px 2px 2px;
			    color: #4886d1;
			    text-decoration: none;
			    background: rgba(255,255,255,0.5);
			    float: left;
			}
			
			.printbutton:after {
			  content: "\f02f";
			  font-family: 'FontAwesome';
			}
			
			
			.printbutton:hover{
				 color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
			}
			
			.Detail-Instructions-I,.Detail-Prompt-I{
				font-style: italic;
				color: #007AD5 ;
			}
			.Detail-Instructions-B{
				
				color: #007AD5 !important;
			}
			.Detail-Prompt-B{
				font-weight: bold;
				font-style: italic;
				color: black !important;
			}
			
			
			
			
			p.bluetext,p.curriculum-instructions,.curriculum-instructions{
			color: #007AD5 !important;
			}
			p.blue-text,p.curriculum-instructions{
			color: #007AD5 !important;
			}
			span.bluetext,span.curriculum-instructions{
			color: #007AD5 !important;
			}
			ul.bluetext,ul.curriculum-instructions,.Content_Detail-Prompt-Bullets{
			color: #007AD5 !important;
			}
			
			td.bluetext,td.curriculum-instructions{
				color: #007AD5;
			}
			
			
			.savery{
				position: absolute;
				top:200px;
				left: 320px;
				font-size: 200px;
				color: rgba(174, 83, 197, 0.7);
				margin: 0 auto;
				width: 174px;
				height: 198px;
				
			}
			.saverytext{
				position: absolute;
				top:360px;
				left: 290px;
				font-size: 30px;
				font-family: sans-serif;
				font-variant: small-caps;
				letter-spacing: 10px;
				color: rgba(174, 83, 197,0.5);
				margin: 0 auto;
				width:302px;
				height:52px;
				text-align: center;
				-moz-border-radius: 20px;
			    -webkit-border-radius: 20px;
			    -khtml-border-radius: 20px;
			    border-radius: 20px;
			    background: rgba(255, 255, 255, 0.5);
				
			}
			
			.printcontainer{	 	
				background: rgba(255, 255, 255, 0.8);	
				position: absolute;
				top:68px;
				width: 100%;
				z-index: 2000;
				font-size: 18px;
				height: 100%;
				display:none;
			}
			.printchoices{
				position: relative;
				font: 500 18px "museo-sans-rounded", sans-serif;
				padding: 0 20px 30px 20px;
				width: 300px;
				margin: 50px auto;
				//border: thin solid gray;
				background: white;
				-webkit-box-shadow: 0 3px 50px 0 rgba(50, 50, 50, 0.57);
				-moz-box-shadow:    0 3px 50px 0 rgba(50, 50, 50, 0.57);
				box-shadow:         0 3px 50px 0 rgba(50, 50, 50, 0.57);
				-moz-border-radius: 5px;
			    -webkit-border-radius: 5px;
			    -khtml-border-radius: 5px;
			    border-radius: 5px;
				
			}
			
			.printfromcurric{
				position: absolute;
				top:150px;
				left:50%;
				z-index: 999;
				font: 500 18px "museo-sans-rounded", sans-serif;
				padding: 0 20px 30px 20px;
				width: 300px;
				margin-left:-150px ;
				//border: thin solid gray;
				background: white;
				-webkit-box-shadow: 0 3px 50px 0 rgba(50, 50, 50, 0.57);
				-moz-box-shadow:    0 3px 50px 0 rgba(50, 50, 50, 0.57);
				box-shadow:         0 3px 50px 0 rgba(50, 50, 50, 0.57);
				-moz-border-radius: 5px;
			    -webkit-border-radius: 5px;
			    -khtml-border-radius: 5px;
			    border-radius: 5px;
				
			}
			
			.printChoiceTitle{
				text-align: center;
				font: 900 26px "museo-sans-rounded", sans-serif;
				padding: 10px;
				color: white;
				margin: 0 -20px 10px -20px;
				background-image: linear-gradient(to top,#b721ff 0%, #d990fd 100%);
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				text-shadow: 0 0 5px #666;
				position: relative;
			}
			.pChoices{
				margin: 5px auto 20px auto;
				width: 280px;
				font-size:95%;
			}
			.pChoices{
				
			}
			
			#printChoice{
				font: 500 17px "museo-sans-rounded", sans-serif;
			    padding: 4px 10px 2px 10px;
			    border: 2px solid  #2999F5;
				background:rgba(255, 255, 255, 0.3);
				border-radius:8px;
				text-shadow: 0 0 0 #666;
			    color: #2999F5;
			    text-decoration: none;
			    text-align: center;
			    
			    background: white;
			    
			    
			}
			
			#printChoice:hover{
			    color:white;
				cursor: pointer;
				background:rgba(6, 23, 39, 0.5);
			}
			#printChoice:before {
			  content: "\f02f";
			  font-family: 'FontAwesome';
			  margin:0 6px  ; 
			}
			
			.cancelPrint{
				position: absolute;
				top:5px;
				right:5px;
				color:white;	
			}
			.cancelPrint:hover{
					color:red;
					cursor: pointer;
					}
			

			
			
			.savecontainer{	 	
				background: rgba(255, 255, 255, 0.8);	
				position: absolute;
				top:68px;
				width: 100%;
				z-index: 2000;
				font-size: 200px;
				height: 100%;
				display:none;
			}
			.printAnim{	 	
				background: rgba(255, 255, 255, 0.8);	
				position: absolute;
				top:68px;
				width: 100%;
				height: 100%;
				z-index: 2000;
				font-size: 200px;
				
				text-align: center;
				display:none;
			}
			.printery{
			
				font-size: 200px;
				color: rgba(83,181,196,0.7);
				margin: 130px auto -50px auto;
				width: 174px;
				height: 198px;
				
			}
			.printerytext{
			
				font-size: 30px;
				font-family: sans-serif;
				font-variant: small-caps;
				letter-spacing: 10px;
				color: rgba(83,181,196,0.5);
				margin: 0 auto;
				width:302px;
				height:52px;
				text-align: center;
				-moz-border-radius: 5px;
			    -webkit-border-radius: 5px;
			    -khtml-border-radius: 5px;
			    border-radius: 5px;
			    background: rgba(255, 255, 255, 0.9);
				
			}

			
			.spanish{color:purple;}
			
			

			
			#loginSplash{
				position: absolute;
				top: 0;
				right: 0;
				left: 0;
				bottom: 0;
				background: rgba(243, 243, 243, 0.8);
				z-index: 999;
				display: none;
			}
			
			#loginDiv{
				display: inline-block;
				padding: 20px 40px 20px 40px;
				border: 3px solid silver;
				border-radius: 10px;
				width:600px;
				//background: #86d9ff;
				//background:#ffffff url('../images/cloudBK4.png')  repeat-x center top;
			}
			
			.orderButton{
				padding: 10px;
				text-align: center;
				border-radius: 5px;
				border: 1px solid silver;
				cursor: pointer;
				width: 100px;
				color: #009eff;
				font-weight: bold;
				display: inline-block;
			}
			
			.orderButton:hover{
				background: #009eff;
				color: white;
			}
			
			.totalTable tr:hover td{
				background:silver;
				cursor: pointer;
				color: white;
			}
			
			#expirationWarning{
				color: red;
				background: white;
				padding: 3px;
				display: inline-block;
				border-radius: 5px;
			}
			
			#expirationWarning:hover{
				background: red;
				color: white;
				cursor: pointer;
			}
			
			

			
			.familyDivider {
				font: 900 24px "museo-sans-rounded", sans-serif;
				font-size: 16px;
				 padding: 4px 9px;
					margin: 10px auto -5px auto;
			    color: white;
			    text-decoration: none;
			    background: none;
			    max-width: 80%; 
			    background-image: url('/phbDigital/assets/images/gray.png');
				background-repeat: repeat-y;
			
			}
			
			.indexDivider {
				font: 900 24px "museo-sans-rounded", sans-serif;
				font-size: 16px;
				padding: 4px 9px;
				margin: 10px 10px 10px 0px;
			    color: white;
			    text-decoration: none;
			    background: none;
			    width: 100%; 
			    background-image: url('/phbDigital/assets/images/gray.png');
				background-repeat: repeat-y;
				border-bottom: 1px solid gray;
			
			}
			
			.familyText {
				font-family: "museo-sans-rounded";
				font-weight: 300;
				font-size: 14px;
				 padding: 4px 4px;
			    -webkit-box-shadow: 0 0 5px rgba(22, 126, 252, 0.3);
			    -moz-box-shadow: 0 0 5px rgba(22, 126, 252, 0.3);
			    box-shadow: 0 0 5px rgba(22, 126, 252, 0.3);
				-moz-border-radius: 5px;
			    -webkit-border-radius: 5px;
			    -khtml-border-radius: 5px;
			    border-radius: 5px;
				padding: 5px;
				margin:4px auto;
			    color: black;
			    text-decoration: none;
			    background: white;
			    max-width: 80%; 
			}	
			.familyText:hover{
				 	color:white;
				cursor: pointer;
				background: #38c817;
				//background:#167EFC; 
			}

			.familyDividerText {
				font: 900 14px "museo-sans-rounded", sans-serif;
				//font-size: 12px;
				 padding: 2px 4px 2px 9px;
					margin: 10px auto -5px auto;
			    color: white;
			    text-decoration: none;
			    background: none;
			    max-width: 80%; 
			    background-image: url('/phbDigital/assets/images/gray.png');
				background-repeat: repeat-y;
				
			
			}
			

			.familyText:hover::before {
			content: "\f060 ";
			  font-family: 'FontAwesome';
			  font-size: 16px;
			  padding: 0 5px 0 2px;
			  color: white;
			}
			.familyText:before{
			content: "\f007 ";
			  font-family: 'FontAwesome';
			  font-size: 16px;
			  padding: 0 5px 0 2px;
			  color: silver;
			}
			
			
			.family {
				font-family: "museo-sans-rounded";
				font-weight: 300;
				font-size: 16px;
				 padding: 4px 4px;
			    -webkit-box-shadow: 0 0 5px rgba(22, 126, 252, 0.3);
			    -moz-box-shadow: 0 0 5px rgba(22, 126, 252, 0.3);
			    box-shadow: 0 0 5px rgba(22, 126, 252, 0.3);
				-moz-border-radius: 5px;
			    -webkit-border-radius: 5px;
			    -khtml-border-radius: 5px;
			    border-radius: 5px;
				padding: 5px;
				margin:4px auto;
			    color: black;
			    text-decoration: none;
			    background: white;
			    max-width: 80%; 
			    position: relative;
			}
			
		.family 	div:nth-child(2) {
		  border-left:1px solid gray;
		  font-weight: 500;
		}
		.family 	div:nth-child(3) {
		  border-left:1px solid gray;
		}
		.family 	div:nth-child(4) {
		  border-left:1px solid gray;
		}
			
			.family:before{
			  content: "\f007 ";
			  font-family: 'FontAwesome';
			  font-size: 16px;
			  padding: 0 10px 0 5px;
			  color: silver;
			}
			/*
			.family:hover{
				 	color:white;
				cursor: pointer;
			
				background:#167EFC; 
			}
			*/
			
			.familyEdit {
				font-family: "museo-sans-rounded";
				font-weight: 300;
				font-size: 16px;
				 padding: 10px 30px 30px 30px !important;
			    -webkit-box-shadow: 0 0 5px rgba(22, 126, 252, 0.3);
			    -moz-box-shadow: 0 0 5px rgba(22, 126, 252, 0.3);
			    box-shadow: 0 0 5px rgba(22, 126, 252, 0.3);
				-moz-border-radius: 5px;
			    -webkit-border-radius: 5px;
			    -khtml-border-radius: 5px;
			    border-radius: 5px;
				padding: 5px;
				margin:4px auto;
			    color: black;
			    text-decoration: none;
			    background: white;
			    max-width: 80%; 
			}			
			
			
			#selectedItem{
				background:rgba(226, 239, 255, 1);
				background-image: -webkit-linear-gradient(left, #e2efff, #e2efff, #ffffff)  !important;
				margin:4px 0 4px 0  !important;
				padding:10px 10px 10px 10px !important; 
				width: 100%;
				-webkit-border-radius: 5px;
				-webkit-border-top-right-radius: 40px;
				-webkit-border-bottom-right-radius: 40px;
				-moz-border-radius: 5px;
				-moz-border-radius-topright: 40px;
				-moz-border-radius-bottomright: 40px;
				border-radius: 5px;
				border-top-right-radius: 40px;
				border-bottom-right-radius: 40px;
				height:60px;
				
			}
			
			
			
			.rainbow{
				background-image: url('../images/rainbow.jpg');
				background-size: cover;
				background-repeat: no-repeat;
				
			}
			.starLadies{
				background-image: url('../images/starLadies.jpg')  !important;
				background-size: cover  !important;
				background-repeat: no-repeat  !important;
				background-position: top center  !important;
				
			}

			.visitPlanLtBlue{
				
				background:rgba(226, 239, 255, 1);
				background-image: -webkit-linear-gradient(left, #e2efff, #e2efff, #ffffff)  !important;
				margin:4px 0 4px 0  !important;
				padding:10px 10px 10px 70px !important; 
				width: 100%;
				-webkit-border-radius: 5px;
				-webkit-border-top-right-radius: 40px;
				-webkit-border-bottom-right-radius: 40px;
				-moz-border-radius: 5px;
				-moz-border-radius-topright: 40px;
				-moz-border-radius-bottomright: 40px;
				border-radius: 5px;
				border-top-right-radius: 40px;
				border-bottom-right-radius: 40px;
				height:60px;
				position: relative;
			}
			
			
			
			.visitTitle{
				background: none;
				text-align: left;
				color:rgb(33,123,199);
				/*color:#0346a4;*/
				/*color:#703dac; PURPLE */
				font: 400 20px "museo-sans-rounded", sans-serif;
				display: inline-block;
				margin: 0 1px;
				padding: 5px 5px 0 5px;
			}
			
			.visitTitleBold{
				background: none;
				text-align: center;
				background: #fff6e6;
				font: 900 26px "museo-sans-rounded", sans-serif;
				margin:-10px -10px -4px -30px;
				padding: 10px;
				color: white;
				background: #2386D8;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				text-shadow: 0 0 5px #666;
				position: relative;
				
			}
			
			.visitCategory{
				
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					-khtml-border-radius: 5px;
					border-radius: 5px;
					
					border: 1px solid silver;
					padding: 10px;
					font-weight: bold;
						}
						
			.visitCategoryNoBorder{
					vertical-align: middle;
					padding: 10px;
					font-weight: bold;
						}
			
			
			
			
			.plansection{
				border-style: solid;
				border-width: 0 1px 1px 1px;
				border-color: silver;
				border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;
				padding: 0 0 20px 0;
				width: 98%;
				
				margin: -6px auto 2px auto;
				background: #f2f6f8;
				color: white;
				text-align: center;
				//background: -webkit-linear-gradient(#c1cfec 0%, #ffffff 60%)
			}
			
			.visitSubTitle{
				background: none;
				text-align: left;
				color:#0346a4;
				font: 400 18px "museo-sans-rounded", sans-serif;
			
				margin: 5px 5px 0 5px ;
			}
			
			.visitSubText{
				background: none;
				text-align: left;
				padding: 0;
				font: 400 16px "museo-sans-rounded", sans-serif;
				margin: 0 10px 1px 16px ;
			}
			
			
			.purposeborder{
				border-top:1px solid silver;
				padding: 10px;
				
			}
			
			
			
			
			
			
			
			
			
			.empty{
				padding: 5px 10px;
				color:silver;
				
			}
			.contacts{
				padding: 5px 10px;
			
				
			}
			
			.datetime {
				padding: 5px 10px;
				
			}

			#timeValue{
				padding: 4px 0 0 0;
			}
			.datetime .dt:before {
			    content: "\f073";
			    font-family: "FontAwesome";
			    color: #999;
			    padding: 0 4px;
			    margin: 0;
			    
			}
				
			
			#notetables{
				margin:0;
				text-transform: none;

				
			}
			
			#notetables th{
					background: rgb(33, 123, 199);
					text-align: center;
					color: white;
					border:1px solid rgb(41, 153, 245);
					
			}
			
			#notetables td{
					padding: 2px 10px;
					border-width: 1px;
					border-style: dotted;
					border-color:gray !important; 
					
			}
			#notetables td:nth-child(2) {
				font: 500 16px "museo-sans-rounded", sans-serif;
			}
				
			#notetables hr{
					padding: 0;
					margin:3px 0 0 0;
					border: 0;
				    height: 1px;
				    background: rgb(41, 153, 245);
			}	
			
			
			#notesorry{
				margin:0;
				font: 700 17px "museo-sans-rounded", sans-serif;
				color: gray;
				background:#ffffff url('../images/SorryNoResults.png')  repeat-x left top;
				background-size: contain;
				background-position: left center;
				width: 100%;
				height:120px;
				background-repeat: no-repeat;
				
			}
			
			
			#purposeList{
				width: 380px;
				
			}
			
			#purposeList th{
					background: rgb(107,152,201);
					text-align: center;
					color: white;
					padding: 2px ;
					font: 300 17px "museo-sans-rounded", sans-serif;
					letter-spacing: 2px;
					font-variant:small-caps;
				}
			
			#purposeList td{
					padding: 10px;
					color: black;
					text-align: left;
					background: white;
					font: 500 15px "museo-sans-rounded", sans-serif;
					border-top: 1px dotted silver;
				}	
				
				
			.chevron:after {
			  content: "\f054";
			  font-family: 'FontAwesome';
			  margin:0 0 0 6px; 
			
			}
			
			
			#visitplanpurpose .title{
				font-family: 'tekton';
				padding: 2px;
				margin: 0;
				font-size: 26px;
				color: #167EFC;
				text-align: left;
				line-height: 24px;
			}
			
			
			#visitplanpurpose .topic{
			
				padding: 2px;
				margin: 0;
				font-size: 16px;
				font-weight:bold;
				text-align: left;
			
			}
			
			
			#visitplanpurpose .resourcetitle{
				font-family: "tekton";
				font-weight: bold;
				padding: 2px;
				font-size: 16px;
				color: darkgreen;
			}
			
			
			#visitplanpurpose td{
				border:none;
			}
			.visitPurpText{
				border-top:1px solid silver;
			}
			
			.resource{
				padding: 2px 2px 2px 50px;
				font-family: "tekton";
				font-size: 16px;
				background-image: url('../images/resources/resourceIcons.png');
				background-repeat: no-repeat;
				height:56px;
				width:100%;
				text-align: left;
			}
			
			
			
			#curricprint{
				font: 300 18px "museo-sans-rounded", sans-serif;
				font-weight: normal !important;
			    padding: 5px 22px 5px 14px;
				background: white;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-khtml-border-radius: 10px;
				border-radius: 10px;
				text-shadow: 0 0 0 #666;
			    color: #b721ff;
			    text-decoration: none;
			    text-align: center;
			    position: absolute;
			    background: rgba(255,255,255,1.0);
			    top:14px;
			    left:18px;
			    z-index: 600;
			    border: 2px solid  #b721ff;
			    
			}
			
			#curricprint:hover{
			    color:white;
				cursor: pointer;
				background:#b721ff;
			}
			#curricprint:before {
			  content: "\f02f";
			  font-family: 'FontAwesome';
			  margin:0 6px  ; 
			}
			#curricprint:after {
			  content: "print";
			  font: 300 17px "museo-sans-rounded", sans-serif; 
			}
			
			/*TEXTING*/
			#txtingbutton{
				font: 300 18px "museo-sans-rounded", sans-serif;
				text-align: center;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-khtml-border-radius: 10px;
				border-radius: 10px;
				padding: 5px 5px;
				color:white;
				text-decoration: none;
				background:#489ADE;
			    text-shadow: 0 0 5px #666;
				width: 100px;
				margin: 0 10px; 
				position: absolute;
				top:10px;
			    right:106px;
				
			    
			}
			
			#txtingbutton:before {
			  content: "\f075";
			  font-family: 'FontAwesome';
			  margin:0; 
			  padding: 0 5px 0 0;
			}
			#txtingbutton:after {
			  content: " text";
			  font: 300 17px "museo-sans-rounded", sans-serif;
			  
			}
			#txtingbutton:hover{
				color:white;
				cursor: pointer;
				background:rgba(6, 23, 39, 0.5);
			}
			
			
			
	.txtingbutton{
		position: absolute;
		left:130px;top:14px;
		font-family: sans-serif;;
		font-size: 16px;
		padding: 3px 8px;
		border: 2px solid  #b721ff;
		border-radius:8px;
		color: #b721ff;
		text-decoration: none;
		background: rgba(255,255,255,0.8);
		-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
		transition:  background .5s;
		-webkit-transition: color .5s; /* For Safari 3.1 to 6.0 */
		transition:  color .5s;
		-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
		-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
		box-shadow: 1px 2px 5px rgba(0,0,0,.09);
		width: 40px;
		height: 36px;
	}
			
	.txtingbutton:hover {
				color:white;
				cursor: pointer;
				background:#b721ff;
				text-decoration: none;
				-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
				transition:  background .5s;
				-webkit-transition: color .5s; /* For Safari 3.1 to 6.0 */
				transition:  color .5s;

	}		
			.emailingbutton{
				position: absolute;
				left:178px;top:14px;
				font-family: sans-serif;;
				font-size: 16px;
				padding: 3px 8px;
				border: 2px solid  #b721ff;
				border-radius:8px;
				color: #b721ff;
				text-decoration: none;
				background: rgba(255,255,255,0.8);
				-webkit-transition: background .5s;
				transition:  background .5s;
				-webkit-transition: color .5s;
				transition:  color .5s;
				-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
				-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
				box-shadow: 1px 2px 5px rgba(0,0,0,.09);
				width: 50px;
				height: 36px;
			}

			.emailingbutton:hover {
				color:white;
				cursor: pointer;
				background:#b721ff;
				text-decoration: none;
				-webkit-transition: background .5s;
				transition:  background .5s;
				-webkit-transition: color .5s;
				transition:  color .5s;
			}	
			


	/* -------------------------------FAKE BUTTONS FOR TRIAL - START. -----------------------*/
	.txtingbuttonFake{
			position: absolute;
			left:130px;top:14px;
			font-family: sans-serif;;
			font-size: 16px;
			padding: 3px 8px;
			border: 2px solid  #b721ff;
			border-radius:8px;
			color: #b721ff;
			text-decoration: none;
			background: rgba(255,255,255,0.8);
			-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
			transition:  background .5s;
			-webkit-transition: color .5s; /* For Safari 3.1 to 6.0 */
			transition:  color .5s;
			-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
			-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
			box-shadow: 1px 2px 5px rgba(0,0,0,.09);
			width: 40px;
			height: 36px;
		}
				
		.txtingbuttonFake:hover {
					color:white;
					cursor: pointer;
					background:#b721ff;
					text-decoration: none;
					-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
					transition:  background .5s;
					-webkit-transition: color .5s; /* For Safari 3.1 to 6.0 */
					transition:  color .5s;
	
		}		
		.emailingbuttonFake{
			position: absolute;
			left:178px;top:14px;
			font-family: sans-serif;;
			font-size: 16px;
			padding: 3px 8px;
			border: 2px solid  #b721ff;
			border-radius:8px;
			color: #b721ff;
			text-decoration: none;
			background: rgba(255,255,255,0.8);
			-webkit-transition: background .5s;
			transition:  background .5s;
			-webkit-transition: color .5s;
			transition:  color .5s;
			-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
			-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
			box-shadow: 1px 2px 5px rgba(0,0,0,.09);
			width: 50px;
			height: 36px;
		}
	
		.emailingbuttonFake:hover {
			color:white;
			cursor: pointer;
			background:#b721ff;
			text-decoration: none;
			-webkit-transition: background .5s;
			transition:  background .5s;
			-webkit-transition: color .5s;
			transition:  color .5s;
		}		
	/* -------------------------------FAKE BUTTONS FOR TRIAL - END -----------------------*/





			
			.favoritesbutton{
				position: absolute;
				left:240px;top:14px;
				font-family: sans-serif;;
				font-size: 16px;
				padding: 3px 8px;
				border: 2px solid  #b721ff;
				border-radius:8px;
				color: #b721ff;
				text-decoration: none;
				background: rgba(255,255,255,0.8);
				-webkit-transition: background .5s;
				transition:  background .5s;
				-webkit-transition: color .5s;
				transition:  color .5s;
				-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
				-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
				box-shadow: 1px 2px 5px rgba(0,0,0,.09);
				//width: 50px;
				height: 36px;
			}

			.favoritesbutton:hover {
				color:white;
				cursor: pointer;
				background:#b721ff;
				text-decoration: none;
				-webkit-transition: background .5s;
				transition:  background .5s;
				-webkit-transition: color .5s;
				transition:  color .5s;
			}	
			
			.favoritesbutton:after {
			  content: " Add to Favorites";

			}
			
			.textfromcurric, .emailfromcurric, .textFromFavorites, .emailFromFavorites{
				position: absolute;
				top:50%;
				left: 50%;
				transform: translate(-50%, -50%);
				z-index: 1001;
				background:white;
				font: 500 18px 'museo-sans-rounded', sans-serif;
				padding: 52px 0px 0px 0px;
				width: 600px;
				height: 550px;
				background: white;
				-webkit-box-shadow: 0 3px 50px 0 rgba(50, 50, 50, 0.57);
				-moz-box-shadow:    0 3px 50px 0 rgba(50, 50, 50, 0.57);
				box-shadow:         0 3px 50px 0 rgba(50, 50, 50, 0.57);
				-moz-border-radius: 5px;
			    -webkit-border-radius: 5px;
			    -khtml-border-radius: 5px;
			    border-radius: 5px;
				    display: none;
			
			}
			
			.folderfromcurric{
				position: absolute;

				top:150px;
				left:50%;
				z-index: 1001;
				background:white;
				font: 500 18px 'museo-sans-rounded', sans-serif;
				padding: 0 20px 30px 20px;
				width: 600px;
				margin-left:-150px ;
				background: white;
				-webkit-box-shadow: 0 3px 50px 0 rgba(50, 50, 50, 0.57);
				-moz-box-shadow:    0 3px 50px 0 rgba(50, 50, 50, 0.57);
				box-shadow:         0 3px 50px 0 rgba(50, 50, 50, 0.57);
				-moz-border-radius: 5px;
			    -webkit-border-radius: 5px;
			    -khtml-border-radius: 5px;
			    border-radius: 5px;
				   // height: 1000px;
				 display: none;
				}
			
			
			.textChoiceTitle{
				text-align: center;
				font: 900 26px "museo-sans-rounded", sans-serif;
				padding: 10px;
				color: white;
				margin: 0 ;
				width: 600px;
				background-image: linear-gradient(to top,#b721ff 0%, #d990fd 100%);
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				text-shadow: 0 0 5px #666;
				position: absolute;
				top:0;
				left: 0;
			}
			#rightcol{
				width: 44%;
				overflow: scroll;
				background: linear-gradient(90deg, rgba(183,33,255,0.2) 0%, rgba(217,144,253,0.1) 4%, rgba(217,144,253,0.1) 100%); 
				height: 600px;
			}
			#leftcol{
				width: 55%;
				padding: 10px 20px;
				background-color: rgba(255, 255, 255, 0.5);
			}
			
			#textingFrame, #emailingFrame{
				width:100%;
				height:100%;
				min-height:100%;
			}
			
			.txtForm{
				height: 550px;
			}
		
			.textingIframContainer, .emailingIframContainer{
				display: flex;
				justify-content: center;
			}
		
	#phonelist{
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		background:rgba(193, 232, 255, 0.5);
		padding: 10px;
		text-align: center;
		font: 700 14px "museo-sans-rounded", sans-serif;
		color:black;
		height: 100px;
		  overflow-y: scroll;
		  /* FIREFOX ONLY */
		  overflow: -moz-scrollbars-vertical;
		  box-shadow: inset 0px 0px 8px 0px rgba(70, 31, 106, 0.2);
	}
#phoneListTitle{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		background:#a882e2;
		padding: 2px;
		text-align: center;
		font: 700 20px "museo-sans-rounded", sans-serif;
		color:white;
	}		
	#phonelist::-webkit-scrollbar {
		-webkit-appearance: none;
		-moz-appearance: none !important;
		width: 16px;
		background-color: rgba(129, 167, 189, 0.5);
	}
	
	#phonelist::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background-color: rgba(0,0,0,.5);
		-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}
	
	#phonelist::-webkit-scrollbar-track {
		background-color: rgba(129, 167, 189, 0.5);       /* color of the tracking area */
	}
		
#addManual{
	font: 700 14px "museo-sans-rounded", sans-serif;
	text-align: center;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 5px 5px;
	color:white;
	text-decoration: none;
	background: #7246b4;
	width: 100px;
	margin: 0px 10px 10px 80px;
	//box-shadow: inset 0px 10px 12px 0px rgba(21,70,110,0.2);
}
#addManual:hover{
	cursor: pointer;
	background:#38c817;
}			
			
			
			
			
			#visitprint{
				font: 300 18px "museo-sans-rounded", sans-serif;
				font-weight: normal !important;
			    padding: 5px 18px 5px 10px;
				background: white;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-khtml-border-radius: 10px;
				border-radius: 10px;
				text-shadow: 0 0 0 #666;
			    color: white;
			    text-decoration: none;
			    text-align: center;
			    position: absolute;
			    background:#489ADE;
			    text-shadow: 0 0 5px #666;
			    top:10px;
			    right:10px;
			    
			}
			
			#visitprint:hover{
			    color:white;
				cursor: pointer;
				background:rgba(6, 23, 39, 0.5);
			}
			#visitprint:before {
			  content: "\f02f";
			  font-family: 'FontAwesome';
			  margin:0 6px  ; 
			}
			#visitprint:after {
			  content: "print";
			  font: 300 17px "museo-sans-rounded", sans-serif; 
			}
			
			
			.delete:before {
			  content: "\f1f8";
			  font-family: 'FontAwesome';
			  margin:0 0 0 6px; 
			  padding: 0 5px 0 0;
			}
			
			
			
			.deleteFamily{
				
					font: 500 18px "museo-sans-rounded", sans-serif;
				text-align: center;
				border:2px solid #167EFC;
				border-radius: 10px;
				padding: 2px 5px;
				color: #167EFC;
				text-decoration: none;
				white-space: nowrap;
				width: 175px;
				margin:0 auto;
				background: rgba(255,255,255,0.7);
				height:30px;
				
			}
			
			.deleteFamily:before {
			  content: "\f1f8";
			  font-family: 'FontAwesome';
			  margin:0 0 0 6px; 
			  padding: 0 5px 0 0;
			}
			
			
			
			.deleteFamily:hover{
				color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
				border:2px solid orange;
				background: red;
			}
			
			
			
			
			
			.archiveFamily{
				font: 500 18px "museo-sans-rounded", sans-serif;
				text-align: center;
				border:2px solid #167EFC;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-khtml-border-radius: 10px;
				border-radius: 10px;
				padding: 2px 5px;
				color: #167EFC;
				text-decoration: none;
				white-space: nowrap;
				width: 185px;
				margin:0 auto;
				background: rgba(255,255,255,0.7);
			}
			
			.archiveFamily:before {
			  content: "\f187";
			  font-family: 'FontAwesome';
			  font-weight: normal;
			  margin:0 0 0 6px; 
			  padding: 0 5px 0 0;
			}
			
			
			
			.archiveFamily:hover{
				color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
				border:2px solid orange;
				background: red;
			}
			
			.unarchiveFamily{
				font: 500 18px "museo-sans-rounded", sans-serif;
				text-align: center;
				border:2px solid #167EFC;
				border-radius: 10px;
				padding: 2px 5px;
				color: #167EFC;
				text-decoration: none;
				white-space: nowrap;
				width: 225px;
				margin:0 auto;
				background: rgba(255,255,255,0.7);
				height:30px;
			}
			
			.unarchiveFamily:before {
			  content: "\f16b";
			  font-family: 'FontAwesome';
			  font-weight: normal;
			  margin:0 0 0 6px; 
			  padding: 0 5px 0 0;
			}
			
			
			
			.unarchiveFamily:hover{
				color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
				border:2px solid orange;
				background: red;
			}
			
			
			
			
			.archivedFamilies{
				font: 500 18px "museo-sans-rounded", sans-serif;
				text-align: center;
				border:2px solid #167EFC;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-khtml-border-radius: 10px;
				border-radius: 10px;
				padding: 2px 20px;
				color: #167EFC;
				text-decoration: none;
				white-space: nowrap;
				width: 300px;
				margin:20px auto;
				background: white;
			}
		
			
			
			
			.archivedFamilies:hover{
				color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
				border:2px solid orange;
				background: red;
			}
			
			
			
			




















			
			
			
			.deleteVisit{
				
				font: 300 18px "museo-sans-rounded", sans-serif;
				text-align: center;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-khtml-border-radius: 10px;
				border-radius: 10px;
				padding: 5px 5px;
				color: white;
				text-decoration: none;
				background:#489ADE;
			    text-shadow: 0 0 5px #666;
				width: 100px;
				margin:0px;
				float: left;
				
			}
			
			.deleteVisit:before {
			  content: "\f1f8";
			  font-family: 'FontAwesome';
			  margin:0; 
			  padding: 0 5px 0 0;
			}
			
			.deleteVisit:after {
			  content: "delete";
			  font: 300 17px "museo-sans-rounded", sans-serif;
			  
			}
			
			.deleteVisit:hover{
				color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
				background: red;
				text-shadow: 0 0 5px #ff8d00;
			}
			
			.cloneVisit{
				font: 300 18px "museo-sans-rounded", sans-serif;
				text-align: center;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-khtml-border-radius: 10px;
				border-radius: 10px;
				padding: 5px 5px;
				color:white;
				text-decoration: none;
				background:#489ADE;
			    text-shadow: 0 0 5px #666;
				width: 100px;
				margin: 0 10px; 
				float: left;
				
			    
			}
			
			.cloneVisit:before {
			  content: "\f24d";
			  font-family: 'FontAwesome';
			  margin:0; 
			  padding: 0 5px 0 0;
			}
			.cloneVisit:after {
			  content: "clone";
			  font: 300 17px "museo-sans-rounded", sans-serif;
			  
			}
			
			
			.cloneVisit:hover{
				color:white;
				cursor: pointer;
				background:rgba(6, 23, 39, 0.5);
			}
			

			
			
			.smTime{
				font-size: 80%;
				
			}
			
			
			
			
			
			
			.dateIcon:after {
			  content: "\f073";
			  font-family: 'FontAwesome';
			  margin:0 0 0 12px; 
			  color:red;
			  font-size:26px;
			  position: absolute;
			  margin:4px !important;
			  padding: 0;
			  line-height: 18px;
			  width: 30px;
			  color: #7c92a6;
			  font-weight:normal;
			}
			
			
			
			.visitButtonContainerNoBack{
				height: 40px;
				width: 100%;
				background: white;
				-webkit-font-smoothing: antialiased;
				color: black;
				cursor: pointer;
				margin: 5px 0 0 0;
				padding: 0;
				
			}
			
			
			.visitButtonContainer{
				height: 40px;
				width: 210px;
				margin: 2px !important;
				-webkit-transition: background .5s ease; /* For Safari 3.1 to 6.0 */
				transition:  background .5s ease;
				font: 500 17px "museo-sans-rounded", sans-serif;
				color:rgb(33, 123, 199);
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
				display: inline-block;
				text-align: center;
				border:1px solid #a0c4f0; 
				font-variant: small-caps;
				letter-spacing: 1px;	
				padding: 7px 0 0 0;
				background: white;
				
			}
			
			.visitButtonContainer:hover{
				background: rgba(30,112,180,1);
				color: white;
				//-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
				//transition:  background .5s;
			
			}
			
			
			.visitButtonContents{
				height: 40px;
				width: 80%;
				font: 700 15px "museo-sans-rounded", sans-serif;
				padding: 12px 2px 2px 10px;
				float: left;
				white-space: nowrap;
				overflow: hidden;
					
			}
			
			
			.visitIcon{
				height: 40px;
				width: 40px;
				margin:0 10px 0 0;
				float: left;
				text-align: center ;
				
				padding: 7px 0 0 0;
				//color: rgba(255,255,255,0.9);
				//background: rgba(30,112,180,0.7);
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
			}
			
			.visitIconNoBack{
				height: 40px;
				width: 20%;
			
				float: left;
				text-align: center;
				
				padding: 7px 0 0 0;
				color: rgba(30,112,180,0.7);
				//background: rgba(30,112,180,0.7);
			}
			
			.active .orangeArrow{
				height: 40px;
				width:30px;
				background: #217BC7;
				margin:0 -30px 0 0;
				float: right;
				
				-webkit-transition: width .2s; /* For Safari 3.1 to 6.0 */
				transition:  width .2s;
			
			}
			
			.orangeArrow{
				height: 40px;
				width:0px;
				background: #217BC7;
				margin:0 -30px 0 0;
				float: right;
				-webkit-transition: width .2s; /* For Safari 3.1 to 6.0 */
				transition:  width .2s;
			
			}
			
			
			.active .blueConnector{
				height: 36px;
				width:40px;
				background: #2999f5;
				margin:-8px -46px 0 0;
				float: right;
				-webkit-transition: width .2s; /* For Safari 3.1 to 6.0 */
				transition:  width .2s;
				
			}
			
			
			.active .blueConnector:before {
			  content: "\f061";
			  font-family: 'FontAwesome';
			  font-size: 20px;
			  line-height:36px;
			  color: rgba(255,255,255,0.5);
			}
			
			
			.blueConnector{
				height: 36px;
				width:0px;
			background: #2999f5;
				margin:-8px -40px 0 0;
				float: right;
				-webkit-transition: width .2s; /* For Safari 3.1 to 6.0 */
				transition:  width .2s;
				}
			
			
			.addToPlan{
				//border:1px solid rgb(74,149,243);
				width:90%;
				margin:5px auto -10px auto;
				padding:8px 8px 8px 25px  !important; 
				background: #5d94c7;
				height: 36px;
				font: 500 20px "museo-sans-rounded", sans-serif;
				cursor: pointer;

				-webkit-transition: background .2s; /* For Safari 3.1 to 6.0 */
				transition:  background .2s;
			}
			
			.addToPlan:hover{
				color: #2999F5;
				background: white;
				-webkit-transition: background .2s; /* For Safari 3.1 to 6.0 */
				transition:  background .2s;
				border:2px solid red #2999F5;
			}
			
			.addPlanPlus{
				 	margin-top:0px; 
				 	
				
				display: inline-block;
			}
			
			.addToPlanButtonTitle{
				height: 30px;
				width: 80%;
				font: 500 20px "museo-sans-rounded", sans-serif;
				padding:0;
				float: left;
				white-space: nowrap;
				overflow: hidden;
			
				
			}
			
			#purpListContainer{
				width:100%;
				padding: 5px 5px 5px 5px;
				margin: 2px 10px 0 0;
				display: none;
				text-align: left;
				border: 1px solid rgb(226,239,255);
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			
			}
	
			.purpList{
				width:100%;
				background: white;
				padding:5px 0 0 10px ;
				font-family: 'tekton';
				font-size: 16px;
				margin: 0;
				clear: both;
				height: 30px;
			}
			.purpList a:hover:after{
				  content: "\f107";
				  font-family: 'FontAwesome';
			}
		
		
		
			.purpListTitle{
				text-align: left;
				color: rgb(33, 123, 199);
				font: 500 17px "museo-sans-rounded", sans-serif;
				padding: 5px 5px 5px 16px;
			}
			
			
			
			.deletePurpose {
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
				height: 30px;
				width: 30px;
				margin: -5px 0 0 0;
				color:red;
				padding: 5px 2px 2px 2px;
				text-align: center;
				float: left;
			}
			
			.deletePurpose:before {
				content: "\f056";
				font-family: 'FontAwesome';
				font-size: 20px;
			}
			
			
			.deletePurpose:hover{
				color:white;
				cursor: pointer;
				background:red; 
				text-decoration: none;
			
			}
			
			.displayDIP{
				padding: 0 20px;
				
			}
			
			
			
			#addFamIn {
				border: 2px solid #2999F5;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				font: 700 20px "museo-sans-rounded", sans-serif;
				width:90%;
				max-width: 500px;
				padding:10px;
				text-align: center;
				margin: 2px auto;
				color: #2999F5;
				background: white;
				-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
				transition:  background .5s;
				background:#ffffff url('../images/sunPower2.png')  no-repeat left center;
				
			}
			
			#addFamIn:hover {
				color: white;
				background: #2999F5;
				cursor: pointer;
				
				-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
				transition:  background .5s;
			}
			
			#addFamIn:before {
			  content: "\f055";
			  font-family: 'FontAwesome';
			  font-weight: normal;
			  font-size: 28px;
			  padding: 6px 6px 6px 0;
						}
						
			
			
			
			
			
			
			
			
			
			#addVisit {
				border: 2px solid #2999F5;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				font: 700 20px "museo-sans-rounded", sans-serif;
				width:90%;
				padding:10px;
				text-align: center;
				margin: 220px auto 20px auto;
				color: #2999F5;
				background: white;
				-webkit-box-shadow: -1px 0 21px 10px rgba(255,255,255,1);
				-moz-box-shadow: -1px 0 21px 10px rgba(255,255,255,1);
				box-shadow: -1px 0 21px 10px rgba(255,255,255,1);
				
				-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
				transition:  background .5s;
				background:#ffffff url('../images/sunPower2.png')  no-repeat left center;

				
			}
			
			#addVisit:hover {
				color: white;
				background: #2999F5;
				cursor: pointer;
				
				-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
				transition:  background .5s;
			}
			
			#addVisit:before {
			  content: "\f055";
			  font-family: 'FontAwesome';
			  font-weight: normal;
			  font-size: 28px;
			  padding: 6px 6px 6px 0;
			}
			
			
			
			
			
			#addVisitIn {
				
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				font: 700 20px "museo-sans-rounded", sans-serif;
				width:60%;
				padding:10px;
				text-align: center;
				margin: 20px auto;
				color: #2999F5;
				background: white;
				-webkit-box-shadow: -1px 0 21px 10px rgba(255,255,255,1);
				-moz-box-shadow: -1px 0 21px 10px rgba(255,255,255,1);
				box-shadow: -1px 0 21px 10px rgba(255,255,255,1);
				
				-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
				transition:  background .5s;

				
			}
			
			#addVisitIn:hover {
				color: white;
				background: #2999F5;
				cursor: pointer;
				
				-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
				transition:  background .5s;
			}
			
			#addVisitIn:before {
			  content: "\f055";
			  font-family: 'FontAwesome';
			  font-weight: normal;
			  font-size: 28px;
			  padding: 6px 6px 6px 0;
			}
			
			
			
			
			#sorry{
				margin:0;
				padding: 0;
				background:#ffffff url('../images/SorryNoResults.png')  repeat-x center top;
				background-size: contain;
				background-position: center center;
				width: 100%;
				height:120px;
				background-repeat: no-repeat;
				float: right;
				
			}
			
			
			.sorryText{
				font: 700 20px "museo-sans-rounded", sans-serif;
				color:#2999F5;
			}
			
			
			.phoneList{
				padding: 0 0 0 10px;
				
			}
			

			
			
			.visitplanhoimage{
				width: 100%; 
				height: auto;
				margin: 5px auto;
				
				
			}
			
			.visitplanhoimageTwo{
				width: 100%; 
				height: auto;
				margin: 5px 0;
				float: left;
				
				
			}
			
			
			
			.visitplanhoimage img{
				width: 100%; 
				height: auto;
				
				-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
				-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
				box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
				border: 2px solid white;
				
				
			}
			.visitplanhoimage img:hover{
				-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,1);
				-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,1);
				box-shadow: 0 0 5px 0 rgba(0,0,0,1);
				cursor: url('../images/mag.png'), zoom-in;
				border: 4px solid yellow;
				}
			
			
			#familyName{
				display: inline;
			
			}
			
			
			
			.familyListName{
				font: 900 16px "museo-sans-rounded", sans-serif;
				//color: rgb(178, 178, 181);
				display: inline;
				margin: 0 2px 0 0;
			
			}


		/*	
			#appNavigation .tabs>:first-child{
				border-radius: 5px 0 0 5px;
			}
			

			#appNavigation .tabs>:last-child{
				border-radius: 0 5px 5px 0;
			}
		*/	
			

			
			

			#back{
				
				font: 900 16px "museo-sans-rounded", sans-serif;
			    padding: 4px 10px 2px 10px;
			    border: 2px solid black;

				border-radius:8px;
				margin:-28px 0 0 0;
			    color: white;
			    text-decoration: none;
			    text-align: center;
			    position: absolute;
			    top; 0;
			    left:20px;
			    letter-spacing: 1px;
			    line-height: 18px;
			    width: 90px
			}
			
			#back:before {
			  content: "\f0a8";
			  font-family: 'FontAwesome';
			  font-size: 20px;
			}
			
			
			
			#back:hover{
				cursor: pointer;
				border: 2px solid white;
				background:#167EFC;
				color:white;
			}
			
			
			#addFamily{
				font: 900 16px "museo-sans-rounded", sans-serif;
			    padding: 8px 16px 2px 16px;
			    border-left:1px solid silver;
				margin:-32px 0 0 0;
			    color:white;
			    text-decoration: none;
			    text-align: center;
			    position: absolute;
			    top: 0;
			    right:20px;
			    letter-spacing: 1px;
			    height:38px;
			}
			
			
			#addFamily:hover{
				cursor: pointer;
				border-left:1px solid white;
				background:white;
				color:#167EFC;
			}
			
			
			#addFamily:before {
			  content: "\f055";
			  font-family: 'FontAwesome';
			  font-size: 20px;
			}
			
			.button{
				font: 500 18px "museo-sans-rounded", sans-serif;
			    padding: 2px 10px 2px 10px;
			    border: 2px solid #2386D8;
				background:rgba(255, 255, 255, 0.3);
				border-radius:8px;
				margin:20px 20px 5px 30px;
			    color: #2386D8;
			    text-decoration: none;
			    text-align: center;
			    float: left;
			}
			
			.button:hover{
			    color:white;
				cursor: pointer;
				background:#2386D8;
			}
			
			
			.clearButton{
				font: 500 18px "museo-sans-rounded", sans-serif;
			    padding: 2px 10px 2px 10px;
			    border: 1px dotted #2386D8;
				background:rgba(255, 255, 255, 0.3);
				border-radius:8px;
				margin:20px 20px 5px 30px;
			    color: #2386D8;
			    text-decoration: none;
			    text-align: center;
			    float: left;
			}
			
			.clearButton:hover{
			    color:white;
				cursor: pointer;
				background:#2386D8;
			}
			
			
			
			.indexButton{
				font: 500 16px "museo-sans-rounded", sans-serif;
			    padding: 2px 5px;
			    border: 2px solid #2386D8;
				background:white;
				border-radius:8px;
				margin:1px auto;
			    color: #2386D8;
			    text-decoration: none;
			    text-align: center;
			    display: inline-block;
			}
			
			.indexButton:hover{
			    color:white;
				cursor: pointer;
				background:#2386D8;
			}
			
			.indexButton a{
			    color:inherit;
			    text-decoration: none;

			}
			
			
			
			#saveIt {
				border: 2px solid #2999F5;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				font: 700 20px "museo-sans-rounded", sans-serif;
				width:200px;
				padding:10px;
				text-align: center;
				margin: 0 ;
				color: #2999F5;
				background: white;
			}
			
			#saveIt:hover {
				color: white;
				background: #2999F5;
				cursor: pointer;
			}
			
			#saveIt:before {
			  content: "\f0c7";
			  font-family: 'FontAwesome';
			  font-weight: normal;
			  font-size: 28px;
			  padding: 6px 6px 6px 0;
			}
			
			#renewIt {
				
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					-khtml-border-radius: 5px;
					border-radius: 5px;
					font: 700  "museo-sans-rounded", sans-serif;
					font-size: 16px;

					padding:3px 10px;
					text-align: center;
					margin: 7px;
					color: #2999F5;
					
			}
			
			#renewIt:hover {
				color: white;
				background: #2999F5;
				cursor: pointer;
			}
			
			#renewIt:before {
			  content: "\f1da";
			  font-family: 'FontAwesome';
			  font-weight: normal;
			  padding: 6px 6px 6px 0;
			}
			
			
			#removeUser:before {
				  content: "\f235";
				  font-family: 'FontAwesome';
				  font-weight: normal;
				  padding: 6px 6px 6px 0px;
				}
				
			#removeUser {
					border: 2px solid none;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					-khtml-border-radius: 5px;
					border-radius: 5px;
					font: 700 "museo-sans-rounded", sans-serif;
					font-size: 14px;
					
					padding:5px 10px;
					text-align: center;
					margin: 7px;
					color: #f52929;
					background: none;
				}
				
			#removeUser:hover {
					color: white;
					background: #f52929;
					cursor: pointer;
				}
				
				
			
			.licenseDetail{
					border: 1px solid #46ac36;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					-khtml-border-radius: 5px;
					border-radius: 5px;
					font: 700 "museo-sans-rounded", sans-serif;
					font-size: 16px;
					width:150px;
					padding:5px 10px ;
					text-align: center;
					margin: 7px;
					
					color: #46ac36;
					background: white;
			}
			.licenseDetail:hover {
					color: white;
					background: #46ac36;
					cursor: pointer;
				}
			
			
			#addUser{
					border: 1px solid #355dab;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					-khtml-border-radius: 5px;
					border-radius: 5px;
					font: 700 "museo-sans-rounded", sans-serif;
					font-size: 16px;
					
					padding:5px 10px;
					text-align: center;
					margin: 7px;
					
					color: #355dab;
					background: white;
			}
			
			
			
			#addUser:hover {
					color: white;
					background: #355dab;
					cursor: pointer;
				}
			
			
			
			
			
			.clickable {
				cursor: pointer;
			}
				
			
				
			.dateTimeHov {

			}
				
			.dateTimeHov:hover {
					color: white;
					background: #2999F5;
					cursor: default;
			}
			
			#deleteIt{
				position: relative;
				margin: 30px 80px  20px 80px !important;
			}
			
			#deleteIt:before {
			  content: "\f1f8";
			  font-family: 'FontAwesome';
			  font-size: 18px;
			  padding: 6px 6px 6px 0;
			  color: gray;
			  
			}
			

			
			#backyr{
				border:1px solid white;
				font: 900 16px "museo-sans-rounded", sans-serif;
			    padding:2px 6px 2px 2px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			    color: rgb(41,166,228);
			    text-align: center;
			    letter-spacing:normal;
			    line-height: normal;
			    margin: 0;
				width: 40px;
				display: inline-block;
				background: none;
				z-index: 3;
			}
			#backyr:before {
			  content: "\f104";
			  font-family: 'FontAwesome';
			  font-size: 30px;
			  
			  
			}
			#backyr:hover{
				background: rgb(41,153,245);
				color:white;
				border:1px solid rgb(41,153,245);
			}
			
			#forward{
				border:1px solid white;
				font: 900 16px "museo-sans-rounded", sans-serif;
			    padding:2px 6px 2px 2px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			    color: rgb(41,166,228);
			    text-align: center;
			    letter-spacing:normal;
			    line-height: normal;
			    margin: 0;
				width: 40px;
				display: inline-block;
				background: none;
				z-index: 3;
			    
			}
			
			#forward:before {
			  content: "\f105";
			  font-family: 'FontAwesome';
			  font-size: 30px;
			  padding: 6px;
			}
			
			#forward:hover{
				background: rgb(41,153,245);
				color:white;
				border:1px solid rgb(41,153,245);
			}
			
			
			#dateSelection #back{
				border:0px solid white;
				font: 900 16px "museo-sans-rounded", sans-serif;
			    padding:8px 0 0 0;
				border-radius:0px;
			    color: #167EFC;
			    text-align: center;
			    letter-spacing:normal;
			    line-height: normal;
			    margin: 0;
				width: 10%;
				display: inline-block;
				background: none;
				z-index: 3;
			}
			
			
			#dateSelection #back:before {
			  content: "\f0a8";
			  font-family: 'FontAwesome';
			  font-size: 40px;
			  
			}
			
			
			
			#dateSelection #forward:before {
			  content: "\f0a9";
			  font-family: 'FontAwesome';
			  color: #167EFC;
			  font-size: 40px;
			  padding: 0 0 0 20px;
			}
			
			#rangeSelection{
				text-align: center;
				padding: 10px;
			}
			
			
			.dateselectbutton{
				font: 900 16px "museo-sans-rounded", sans-serif;
			    padding: 10px;
			    border: 2px solid #167EFC;
				background:white;
				border-radius:8px;
				margin: 0 10px;
			    color: #167EFC;
			    text-decoration: none;
			    text-align: center;
			    letter-spacing: 1px;
			    line-height: 18px;
			}
			.dateselectbutton:hover{
				cursor: pointer;
				border: 2px solid white;
				background:#167EFC;
				color:white;
			}	

			
			.button.test{
				width:100px;
			}
			
			
			.homeview{
				min-height: 100%;
				height: 100%;
				
			}
			
			
			
			
			
			
			
			
			/* ============== SEARCH =========== */
			

			
			.bookSelect {
				display:inline-block;
				margin:0px -8px -3px  -2px;
				padding:0px;
				width: 100%;
			}
			
			#searchcurriculum #dropDowns select {
			    box-sizing: border-box;
			    height: 30px;
			    width: 70%;
			    margin: 0 0 0 8px;
			    padding: 4px ;
			    font-size: 15px;
			    font-weight: bold;
			    -webkit-border-radius: 5px;
			    border-radius: 5px;
			    -webkit-text-size-adjust: 120%;
			    overflow: ellipsis;
			  /*  -webkit-appearance: menulist-button;*/
			    border:1px solid gray;
			    float: left;
			}
			

			
			#searchcurriculum #dropDowns .subsection {
				height: 20px;
				width: 20px;
				float:left;
				padding: 0;
				margin: 1px 0 0 15px;
				-moz-transform:rotate(90deg);
				-webkit-transform:rotate(90deg);
				-o-transform:rotate(90deg);
				-ms-transform:rotate(90deg);
				
				
			}
			.subOne{
				margin:5px -5px 0 10px;
			}
			.subTwo{
				margin:5px -5px 0 20px;
			}
			.subThree{
				margin:5px -5px 0 30px;
			}

			
			#searchcurriculum #dropDowns .subsection:before {
			  content: "\f148";
			  font-family: 'FontAwesome';
			  color: #a1a5a9;
			  font-size: 20px;
			}
			



			#famSearchBox .searchbutton{
				font: 500 18px "museo-sans-rounded", sans-serif;
				padding: 2px 20px;
				border: 2px solid #2999F5;
				-webkit-border-radius: 0;
				-webkit-border-top-right-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-moz-border-radius: 0;
				-moz-border-radius-topright: 5px;
				-moz-border-radius-bottomright: 5px;
				border-radius: 0;
				border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;				
				margin: 8px 2px 2px 2px;
				color: rgba(255,255,255,0.8);
				text-decoration: none;
				background:#167EFC; 
				-webkit-transition: padding .5s; /* For Safari 3.1 to 6.0 */
				transition:  padding .5s;
				width:20%;
				height:36px;
				display: inline-block;
				-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
				transition:  background .5s;
			}
			
			#famSearchBox .searchbutton:hover{
				color:rgba(255,255,255,1);
				cursor: pointer;
				background:#1E5799; 
				-webkit-transition: background .3s; /* For Safari 3.1 to 6.0 */
				transition:  background .3s;
			}




	







































/*
  _____ __  __          _      _      
 / ____|  \/  |   /\   | |    | |     
| (___ | \  / |  /  \  | |    | |     
 \___ \| |\/| | / /\ \ | |    | |     
 ____) | |  | |/ ____ \| |____| |____ 
|_____/|_|  |_/_/    \_\______|______|
                                      
                                      
  _____  _____ _____  ______ ______ _   _ 
 / ____|/ ____|  __ \|  ____|  ____| \ | |
| (___ | |    | |__) | |__  | |__  |  \| |
 \___ \| |    |  _  /|  __| |  __| | . ` |
 ____) | |____| | \ \| |____| |____| |\  |
|_____/ \_____|_|  \_\______|______|_| \_|
                                          
 */                                       

/* ==============SMALL SCREEN===START=========== */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */

@media  screen and (max-width: 775px) {
	
	
				/* SMALL SCREEN */
				#AccountLogoutButtons{
					padding: 6px 0 0 0;
					box-sizing: border-box;
					
					width: 12%;
					min-width: 124px;
					position: absolute;
					top:0px;
					right:20px;
				}	
	

				/* SMALL SCREEN */
				.indexChoiceButton_on{
								font: 300 20px "museo-sans-rounded", sans-serif;
								text-align: center;
								padding: 3px 2px;
							    border: 2px solid  #167EFC;
								border-radius:8px;
								margin:-5px -20px 0 0;
							    color: #4886d1;
							    text-decoration: none;
							    background: rgba(255,255,255,0.5);
								-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
								transition:  background .5s;
								-webkit-transition: color .5s; /* For Safari 3.1 to 6.0 */
								transition:  color .5s;
								  -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
								  -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
								  box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
								  //width: 150px;
				
				}

				/* SMALL SCREEN */
				.indexChoiceButton_on:hover {
								color:white;
								cursor: pointer;
								background:#167EFC; 
								text-decoration: none;
								-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
								transition:  background .5s;
								-webkit-transition: color .5s; /* For Safari 3.1 to 6.0 */
								transition:  color .5s;
				
				}
				/* SMALL SCREEN */
				.indexChoiceButton_off{
								font: 900 20px "museo-sans-rounded", sans-serif;
								letter-spacing: 1px;
								text-align: center;
								padding: 3px 8px;
							    border: 2px solid  #167EFC;
								border-radius:8px;
								margin:2px auto;
							    color: white;
							    text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
							    text-decoration: none;
							    
							    background:#167EFC; 
								-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
								transition:  background .5s;
								-webkit-transition: color .5s; /* For Safari 3.1 to 6.0 */
								transition:  color .5s;
								  -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
								  -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
								  box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
								  width: 350px;
				
				}
				
				/* SMALL SCREEN */
				.indexChoiceButton_off:hover {
								color:#4886d1;
								cursor: pointer;
								background: rgba(255,255,255,0.5);
								text-decoration: none;
								-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
								transition:  background .5s;
								-webkit-transition: color .5s; /* For Safari 3.1 to 6.0 */
								transition:  color .5s;
								text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);
				}	
	
	
	
	
				/* SMALL */
				#appNavigation{
					position:absolute;
					//z-index: 2200;
					top:0px;
					left: 0;
					right: 0;
					height: 60px;
					margin:0;
					padding: 14px 0 0 10px;
					text-align: center;	
					width: 80%;
					
				}
	

				/* SMALL */
				#dimensions{
					height: 60px;
					padding: 12px 20px 20px 20px;
					float: right;
					width:100%;
					text-align: right;
					font-size: 130%;
					color:#a882e2;

				}

				/* SMALL */
				#dimensions .user{
					display:none;
				}


				/* SMALL */
				#dimensions .user:after{
					content:"";
					font-size: 85%;
				}



				/* SMALL */
				.headerKeyDate{
					display:none;
				}	
	

				/* SMALL */
				.digcontainer{ 
					//background: white;
					padding: 20px;
					margin: 0 auto 70px auto;
					width: 100%;
					

						
					-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
					transition:  width .5s;
					
					
				}
				
				/* SMALL */
				.header{
					background:rgba(255,255,255,0.2);
					color:white;
					font: 900 24px "museo-sans-rounded", sans-serif;
					position: absolute;
					width: 100%;
					height: 40px;
					text-align: center;
					padding: 5px;	
					top: 70px;
					margin: auto -20px;
					letter-spacing: 2px;
					-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
					transition:  width .5s;
				}
				
				
				/* SMALL */
					#appNavigation .tabs li.visits:after{
					content: "Visits";
					margin: 0;
					}
					#appNavigation .tabs li.families:after{
					content: "Families";
					margin: 0;
					
					}
					#appNavigation .tabs li.curriculum:after{
					content: "Curriculum";
					margin: 0;
					
					}
					#appNavigation .tabs li.users:after{
					content: "Help";
					margin: 0;
					}
	
				
				


				
				/* SMALL */
				#appNavigation .tabs li.home{
					width: 10%;
					-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
					transition:  width .5s;
				}
				
				/* SMALL */
				#appNavigation .tabs li.visits{
					width: 20%;
					-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
					transition:  width .5s;
				}
				
				/* SMALL */
				#appNavigation .tabs li.families{
					width: 23%;
					-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
					transition:  width .5s;
				}
				
				/* SMALL */
				#appNavigation .tabs li.curriculum{
					width: 30%;
					-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
					transition:  width .5s;
				}
				
				/* SMALL */
				#appNavigation .tabs li.users{
					width: 20%;
					-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
					transition:  width .5s;
				}
				
				/* SMALL */
				#appNavigation .tabs li{
					float: left;
					color: #a882e2;
					padding: 12px 1% 10px 1%;
					letter-spacing: 1px;
					border-radius: 5px;
				
				}
				
				/* SMALL */
				.homegirl{

				height: 100%;
				margin: -19px  -20px 0 -20px;

				transition:  height .5s, margin .5s;
			
				}
				

				
				/* SMALL */
				 .topinfo{
				
					z-index: 5;
					height:60px;
					width: 100%;
					margin:-80px 0 0 -40px;
					padding: 10px 30px;
					box-shadow: 0 -2px 2px rgba(000,000,000,0.7);
					-webkit-border-top-left-radius: 10px;
					-webkit-border-top-right-radius: 10px;
					-moz-border-radius-topleft: 10px;
					-moz-border-radius-topright: 10px;
					border-top-left-radius: 10px;
					border-top-right-radius: 10px;
					
					background-image: linear-gradient(to top,#b721ff 0%, #d990fd 12%, #e6b4ff 100%);
					
					-webkit-transition:width .5s ,margin .5s; /* For Safari 3.1 to 6.0 */
					transition:  width .5s,margin .5s;
				}
				
				/* SMALL */
				#purposepageclose {
					color:#b721ff;
					background-image: url('../images/close.png');
					background-repeat: no-repeat;
					height:42px;
					width:42px;
					float: right;
					z-index: 301;
					cursor: pointer;
					
				}
				
				/* SMALL */
				#purposepageclose:hover {
				background-image: url('../images/close_on.png');
			
				}
				
				/* SMALL */
				#handoutpage .hopaper{
					width: 650px;
					height:850px;
					margin:0;
					padding:0px;
					background: white;
					background-size: contain ;
				    background-repeat: no-repeat;
					box-shadow: 0 2px 6px #000000;
					z-index:419;
					
				}
				
				/* SMALL */
				#handoutpagetopbar{
					margin: -60px 0 0 0;
					height:60px;
					z-index: 401;
					padding: 10px;
					
					box-shadow: 0 -2px 2px rgba(000,000,000,0.7);
					-webkit-border-top-left-radius: 10px;
					-webkit-border-top-right-radius: 10px;
					-moz-border-radius-topleft: 10px;
					-moz-border-radius-topright: 10px;
					border-top-left-radius: 10px;
					border-top-right-radius: 10px;
					
					background: #b8e1fc; /* Old browsers */
					background: -moz-linear-gradient(top,  #b8e1fc 0%, #a9d2f3 79%, #90bcea 92%, #6ba8e5 99%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(79%,#a9d2f3), color-stop(92%,#90bcea), color-stop(99%,#6ba8e5)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 79%,#90bcea 92%,#6ba8e5 99%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 79%,#90bcea 92%,#6ba8e5 99%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 79%,#90bcea 92%,#6ba8e5 99%); /* IE10+ */
					background: linear-gradient(to bottom,  #b8e1fc 0%,#a9d2f3 79%,#90bcea 92%,#6ba8e5 99%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#6ba8e5',GradientType=0 ); /* IE6-9 */
				}
					
					
				/* SMALL */	
				#handoutpageclose {
					background-image: url('../images/close.png');
					background-repeat: no-repeat;
					height:42px;
					width:42px;
					float: right;
					z-index: 420;
					cursor: pointer;
				}
				
				/* SMALL */
				#handoutpageclose:hover{
				background-image: url('../images/close_on.png');
				
				}
				
				/* SMALL */
				#nosearch{
					width: 100%;
					height: 600px;
					//background: url('../images/girlBook.png') no-repeat top center;
					background-size: contain;
					-webkit-transition: height .5s; /* For Safari 3.1 to 6.0 */
					transition:  height .5s;
				}
				
				
	
}
/* ==============SMALL SCREEN===END=========== */








/*
    ____  ________                     __   __                    __            __                      __        _                     
   / __ \/  _/ __ \   ____ _____  ____/ /  / /_  ____ _____  ____/ /___  __  __/ /_   _________  ____  / /_____ _(_)___  ___  __________
  / / / // // /_/ /  / __ `/ __ \/ __  /  / __ \/ __ `/ __ \/ __  / __ \/ / / / __/  / ___/ __ \/ __ \/ __/ __ `/ / __ \/ _ \/ ___/ ___/
 / /_/ // // ____/  / /_/ / / / / /_/ /  / / / / /_/ / / / / /_/ / /_/ / /_/ / /_   / /__/ /_/ / / / / /_/ /_/ / / / / /  __/ /  (__  ) 
/_____/___/_/       \__,_/_/ /_/\__,_/  /_/ /_/\__,_/_/ /_/\__,_/\____/\__,_/\__/   \___/\____/_/ /_/\__/\__,_/_/_/ /_/\___/_/  /____/  
                                                                                                                                        

*/                                         
/* ===========DIP+HO CONTAINERS===START========= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */


 /* 
  _   ___   _  _   _____   __  __     _    __  __
 / | / _ \ | || | |___ /  |  \/  |   / \   \ \/ /
 | || | | || || |_  |_ \  | |\/| |  / _ \   \  / 
 | || |_| ||__   _|___) | | |  | | / ___ \  /  \ 
 |_| \___/    |_| |____/  |_|  |_|/_/   \_\/_/\_\
                                                                                             
*/                                     

@media  screen and (max-width: 1049px) {
	
		/* SMALL */
		#purposepage .paper{
			width:100%;
			min-width: 508px;
			margin: 0 0;
			padding: 40px;
			background:white;
			vertical-align: top;
			display: inline-block;
			box-sizing: border-box; /* padding and border included in total width and height */
			border:1px solid gray;
		}
		
		/* SMALL */
		.hoContainer{
			width:100%;
			min-width: 508px;
			background-size: contain;
			background-repeat: no-repeat;
			background-color: white;
			padding:20px 10px 10px 10px;
			box-sizing: border-box; /* padding and border included in total width and height */
			border:1px solid gray;
			margin: 0 0;
			display: inline-block;
		}
		
		/* SMALL */
		.HOlanguageChoice{
			float: right;
			position: relative;
		}
		
		/* SMALL */
		.languageSelectionFlag{
				background-color: white;
				background-image:url('../../assets/images/usFlag.gif');
				background-position: center center;
				background-repeat: no-repeat;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-bottomleft: 5px;
				border-top-left-radius: 5px;
				border-bottom-left-radius: 5px;
				padding: 4px;
				display: inline-block;
				text-align: center;
				height: 32px;
				width:54px;	
				position: absolute;
				top:2px;
				left:2px;
		}
		
		/* SMALL */
		.topinfo{
			position: relative;
			z-index: 5;
			height:60px;
			width: 90%;
			margin:20px auto 0 auto;
			padding: 10px;
			box-shadow: 0 -2px 2px rgba(000,000,000,0.7);
			-webkit-border-top-left-radius: 10px;
			-webkit-border-top-right-radius: 10px;
			-moz-border-radius-topleft: 10px;
			-moz-border-radius-topright: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			
			background-image: linear-gradient(to top,#b721ff 0%, #d990fd 12%, #e6b4ff 100%);
	
		}
		
					

}

/*
  _   ___   _  _    _  _     __  __  ___  _   _ 
 / | / _ \ | || |  | || |   |  \/  ||_ _|| \ | |
 | || | | || || |_ | || |_  | |\/| | | | |  \| |
 | || |_| ||__   _||__   _| | |  | | | | | |\  |
 |_| \___/    |_|     |_|   |_|  |_||___||_| \_|
                                                                        
*/                                    

@media  screen and (min-width: 1050px) {
		/* LARGE */
		#purposepage .paper{
			width:45%;
			min-width: 500px;
			max-width: 800px;
			margin: 0 auto;
			padding: 40px;
			background:white;
			-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.75);
			-moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.75);
			box-shadow: 0 2px 6px 0 rgba(0,0,0,0.75);
			-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
			transition:  width .5s;
			vertical-align: top;
			//float:left;
			display: inline-block;
			
			box-sizing: border-box; /* padding and border included in total width and height */
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
		/* LARGE */
		.hoContainer{
			width:99%;
			min-width: 500px;
			max-width: 800px;
			min-height:500px;
			background-size: contain;
			background-repeat: no-repeat;

			background-color: white;
			padding:20px 10px 10px 10px;
			//float:left;
			box-sizing: border-box; /* padding and border included in total width and height */
			
			margin: 0 auto;
			display: inline-block;
			-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.75);
			-moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.75);
			box-shadow: 0 2px 6px 0 rgba(0,0,0,0.75);
			
			//-webkit-transition: all 0.3s ease;
			//-moz-transition: all 0.3s ease;
			// -o-transition: all 0.3s ease;
			//transition: all 0.3s ease;
		}

		
		/* LARGE */
		.HOlanguageChoice{

			position: absolute;
			top:12px;
			right:150px;
			margin-top: 0px;
			padding: 0px;


			
			width: 210px;
			height: 38px;

			
		}
		
		
		/* LARGE */
		.languageSelectionFlag{
				background-color: white;
				background-image:url('../../assets/images/usFlag.gif');
				background-position: center center;
				background-repeat: no-repeat;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-bottomleft: 5px;
				border-top-left-radius: 5px;
				border-bottom-left-radius: 5px;
				padding: 4px;
				display: inline-block;
				text-align: center;
				height: 32px;
				width:54px;	
				position: absolute;
				top:2px;
				left:2px;
		}
		
		
		.hoContainer img{
			//border:2px solid red;
		}
		
		
		/* LARGE */	
		.topinfo{
			position: relative;
			z-index: 5;
			height:60px;
			width: 700px;
			margin:20px auto 0 auto;
			padding: 10px;
			box-shadow: 0 -2px 2px rgba(000,000,000,0.7);
			-webkit-border-top-left-radius: 10px;
			-webkit-border-top-right-radius: 10px
			-moz-border-radius-topleft: 10px;
			-moz-border-radius-topright: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;

background-image: linear-gradient(to top,#b721ff 0%, #d990fd 12%, #e6b4ff 100%);	

	
		}
		
		
					

		

}




@media  screen and (max-width: 1350px) {
		.visitPlanDIP{
			float: left;
			width:100%;
			padding: 20px;
			min-width: 550px;
			
		}
		
		.visitPlanHO{
			float: left;
			width:100%;
			padding: 20px;
			
		}
}
@media  screen and (min-width: 1351px) {
		.visitPlanDIP{
			float: left;
			width:50%;
			min-width: 550px;
			padding: 20px;
		}
		.visitPlanHO{
			float: left;
			width:50%;
			min-width: 550px;
			padding: 0;
			
		}

}




/*
 _               _____   _____ ______ 
| |        /\   |  __ \ / ____|  ____|
| |       /  \  | |__) | |  __| |__   
| |      / /\ \ |  _  /| | |_ |  __|  
| |____ / ____ \| | \ \| |__| | |____ 
|______/_/    \_\_|  \_\\_____|______|
                                      
                                      
  _____  _____ _____  ______ ______ _   _ 
 / ____|/ ____|  __ \|  ____|  ____| \ | |
| (___ | |    | |__) | |__  | |__  |  \| |
 \___ \| |    |  _  /|  __| |  __| | . ` |
 ____) | |____| | \ \| |____| |____| |\  |
|_____/ \_____|_|  \_\______|______|_| \_|
                                          
*/                                         
/* ==============LARGE SCREEN===START=========== */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */
/* ============================================= */

@media  screen and (min-width: 776px) {
	
			#AccountLogoutButtons{
					padding: 6px 0 0 0;
					box-sizing: border-box;
					width: 20% !important;
					min-width: 124px;
					position: absolute;
					top:12px;
					right:20px;
			}
			
.indexChoiceButton_on{
		font: 900 20px "museo-sans-rounded", sans-serif;
		text-align: center;
		padding: 10px 8px 3px 8px;
		
		border-style: solid;
		border-color: #a882e2;
		border-width: 2px 2px 0px 2px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		
		color: #4886d1;
		text-decoration: none;
		background: rgba(255,255,255,1.0);
		-webkit-transition: background .5s; 
		transition:  background .5s;
		-webkit-transition: color .5s;   
		transition:  color .5s;
		/*-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
		-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
		box-shadow: 1px 2px 5px rgba(0,0,0,.09); */
		width: 160px;

}			
			
			
.indexChoiceButton_on:hover {
				color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
				-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
				transition:  background .5s;
				-webkit-transition: color .5s; /* For Safari 3.1 to 6.0 */
				transition:  color .5s;

}
.indexChoiceButton_off{
		font: 300 20px "museo-sans-rounded", sans-serif;
		text-align: center;
		padding: 7px 8px 5px 8px;
		
		border-style: solid;
		border-color: #a882e2;
		border-width: 2px 2px 2px 2px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		
		color: #a882e2;;
		text-decoration: none;
		background: white;
		
		-webkit-transition: background .5s; 
		transition:  background .5s;
		-webkit-transition: color .5s;   
		transition:  color .5s;
		/*-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
		-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
		box-shadow: 1px 2px 5px rgba(0,0,0,.09); */
		box-shadow: inset 0px -6px 9px -10px rgba(105, 4, 155, 0.5);
		width: 160px;

}


.indexChoiceButton_off:hover {
				color:white;
				cursor: pointer;
				background:#167EFC; 
				text-decoration: none;
				-webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
				transition:  background .5s;
				-webkit-transition: color .5s; /* For Safari 3.1 to 6.0 */
				transition:  color .5s;
}	
			
				#appNavigation{

				}	
	
				#dimensions{
					height: 60px;
					padding: 12px 20px 20px 20px;
					float: right;
					width:100%;
					text-align: right;
					font-size: 130%;
					color:#a882e2;

				}
				
				#dimensions .user{
					display:block;
				}				
	
				#dimensions .user:after{
					content:"(current user)";
					font-size: 85%;
				}

				.headerKeyDate{
					font-size: .6em;
					padding-left: 10px;
				}
			
			
				.digcontainer{
					//background: white;
					padding: 20px;
					margin: 28px auto 70px auto;
					width: 100%;

						
					-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
					transition:  width .5s;
					
				}
				.insideDigContainer{
					padding-top: 50px;
				}
				.insideDigContainerSas{
					padding: 50px 0px 90px 0px;
				}
				.insideDigContainerIndex{
					padding: 50px 0px 90px 0px;
				}
				.header{
					background:rgba(255,255,255,0.2);
					color:#2999F5;
					font: 900 24px "museo-sans-rounded", sans-serif;
					position: absolute;
					width: 100%;
					height: 40px;
					text-align: center;
					padding: 5px;	
					top: 90px;
					margin: auto -20px;
					letter-spacing: 2px;
					-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
					transition:  width .5s;
					
				
				}
				
				
				

				
				
			
			
				#appNavigation .tabs li{
					float: left;
					color: #a882e2;
					padding: 12px 30px 10px 30px;
					letter-spacing: 1px;
					border-radius: 5px;
					//border:thin white solid;
					
					
				}
				
				#appNavigation .tabs li.mmSelected{
						color: white;
					-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;	
				background-image: linear-gradient(to right,#b721ff 0%, #21d4fd 100%);		
				}
			
				#appNavigation .tabs li.mmSelected:hover{
					color: black;
					background: white;
				}
			
				#appNavigation .tabs li.home{
					width: 12%;
					-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
					transition:  width .5s;
				}
				#appNavigation .tabs li.visits{
					width: 24%;
					-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
					transition:  width .5s;
				}
				#appNavigation .tabs li.families{
					width: 24%;
					-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
					transition:  width .5s;
				}
				#appNavigation .tabs li.curriculum{
					width: 24%;
					-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
					transition:  width .5s;
				}
				

				
				
				
				
				
				
				
				#appNavigation .tabs li.users{
					width: 24%;
					-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
					transition:  width .5s;
				}
				
				#appNavigation .tabs li.visits:after{
				  content: "Favorites";
				}
				#appNavigation .tabs li.families:after{
				  content: "Contacts";
				}
				#appNavigation .tabs li.curriculum:after{
				  content: "Curriculum";
				}
				#appNavigation .tabs li.users:after{
				  content: "Help";
				}

			
			/*
			
				#appNavigation .tabs li.visits:before{
				  content: "\f018";
				  font-family: 'FontAwesome';
				  padding: 0 8px 0 0;
				  font-size: 20px;
				  line-height: 14px;
				  font-weight: normal;
				}
				
				
				
				#appNavigation .tabs li.families:before{
				  content: "\f015";
				  font-family: 'FontAwesome';
				  padding: 0 8px 0 0;
				  font-size: 20px;
				  line-height: 14px;
				  font-weight: normal;
				}
				
				
				#appNavigation .tabs li.curriculum:before{
				  content: "\f02d";
				  font-family: 'FontAwesome';
				  padding: 0 8px 0 0;
				  font-size: 20px;
				  line-height: 14px;
				  font-weight: normal;
				}
				
				
				#appNavigation .tabs li.users:before{
				  content: "\f059";
				  font-family: 'FontAwesome';
				  padding: 0 8px 0 0;
				  font-size: 20px;
				  line-height: 14px;
				  font-weight: normal;
				}
				
				
				
				#appNavigation .tabs li.home:before{
				  content: "\f137";
				  font-family: 'FontAwesome';
				  padding: 0 8px 0 0;
				  font-size: 20px;
				  line-height: 14px;
				  font-weight: normal;
				}
			*/
				
				.homegirl{


				height: 100%;
				//margin: -19px  -20px 0 -20px;
	

				transition:  height .5s, margin .5s;
				
				}
				
				
				
			

				


				
				
				#purposepageclose {
					color:#b721ff;
					background-image: url('../images/close.png');
					background-repeat: no-repeat;
					height:42px;
					width:42px;
					float: right;
					z-index: 301;
					cursor: pointer;
					
				}
				
				#purposepageclose:hover {
				background-image: url('../images/close_on.png');
				
				}
				
				
				
					
				#handoutpage .hopaper{
					width: 650px;
					height:850px;
					margin:0;
					padding:0px;
					background: white;
					background-size: contain ;
				    background-repeat: no-repeat;
					box-shadow: 0 2px 6px #000000;
					z-index:419;
					
				}
				
				#handoutpagetopbar{
					margin: -60px 0 0 0;
					height:60px;
					width: 650px;
					z-index: 401;
					padding: 10px;
					
					box-shadow: 0 -2px 2px rgba(000,000,000,0.7);
					-webkit-border-top-left-radius: 10px;
					-webkit-border-top-right-radius: 10px;
					-moz-border-radius-topleft: 10px;
					-moz-border-radius-topright: 10px;
					border-top-left-radius: 10px;
					border-top-right-radius: 10px;
					
					background: #b8e1fc; /* Old browsers */
					background: -moz-linear-gradient(top,  #b8e1fc 0%, #a9d2f3 79%, #90bcea 92%, #6ba8e5 99%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(79%,#a9d2f3), color-stop(92%,#90bcea), color-stop(99%,#6ba8e5)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 79%,#90bcea 92%,#6ba8e5 99%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 79%,#90bcea 92%,#6ba8e5 99%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 79%,#90bcea 92%,#6ba8e5 99%); /* IE10+ */
					background: linear-gradient(to bottom,  #b8e1fc 0%,#a9d2f3 79%,#90bcea 92%,#6ba8e5 99%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#6ba8e5',GradientType=0 ); /* IE6-9 */
				}
					
					
					
				#handoutpageclose {
					background-image: url('../images/close.png');
					background-repeat: no-repeat;
					height:42px;
					width:42px;
					float: right;
					z-index: 420;
					cursor: pointer;
			
					
				
				}
				
				#handoutpageclose:hover{
				background-image: url('../images/close_on.png');
				
				}
				
				#nosearch{
					width: 100%;
					height: 800px;
					//background: url('../images/girlBook.png') no-repeat top center;
					background-size: contain;
					-webkit-transition: height .5s; /* For Safari 3.1 to 6.0 */
					transition:  height .5s;
				}
				
}

/* ==============LARGE SCREEN===END=========== */





.exitAdmin{
				padding: 10px;
				//border:1px solid rgba(255,255,255,0.4);
				background: none;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
				width: 160px;
				text-align: center;
}
.exitAdmin:hover{
				background: rgba(255,255,255,0.6);
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				color:#167EFC;
				cursor: pointer;
				box-shadow: 0 0 5px rgba(114, 72, 169, 0.7);
}