@charset "utf-8";
/* CSS Document */

/*
COLOR PALETTE

Dark Blue: #4247b0
Light Blue: #cde5fa
Tan Color: #fae9cd

*/

body{
	/*background-color: #FFF7EB; */
	background-color: #eee;
	font-family: Arial, Helvetica, sans-serif;
}

input{
	font-family: Arial, Helvetica, sans-serif;
}

textarea{
	font-family: Arial, Helvetica, sans-serif;	
}

#header{
	position: relative; 
	width: 1000px; 
	height: 140px;
	border: 2px solid #aaa;
	border-radius: 3px 3px 0px 0px;
	background-color: #ddd; 
	background-image:url(../library/bkgTop.png);	
}

#logo{
	position: absolute;
	top: 10px;
	left: 13px;
	width: 70px;
	height: 68px;
	background-image: url(../library/logo.png);
	
}

span.siteTitle{
	/* font-family: 'Bebas Neue', cursive; */
	font-size: 60px;
	color: #4247b0;
	font-weight: 900;
}

#footer{
	position: relative; 
	width: 1000px; 
	height: 40px;
	border: 2px solid #aaa;
	border-radius: 0px 0px 3px 3px;
	background-color: #ddd; 
    font-family: 'Quattrocento Sans', sans-serif; 
	color: #555; 
	font-variant: small-caps;
	font-size: 20px;
	background-image:url(../library/bkgTop.png);
}

#footerText{
	position: absolute; 
	width: 100%; 
	top: 10px;
	font-size: 18px;
	/* font-family: 'Bebas Neue', cursive; */
	font-weight: 900;
	/* color: #FFF; */	
}

#content{
	position: relative; 
	width: 1000px; 
	border-right: 2px solid #aaa;
	border-left: 2px solid #aaa;
	background-color: #fff;
	/*background-image:url(../library/bkgMid.png); */
}

#accountLogOutBox{
	position: absolute;
	left: 835px;
	top: 30px;
	width: 150px;
	height: 100px;
	font-size: 13px;
	font-weight: 700;
}

.dashTitle{
	font-size: 16px;
	font-weight: bold;
	color: #555;
}

.dashData{
	font-size: 30px;
	font-weight: 900;
	color: #4247b0;
}

.dashTableDate{
	text-align: right;
	background-image: url(../library/bkg50white.png);
	padding-right: 5px;
}

.dashDataBox3{
	position: absolute; 
	width: 260px; 
	border-radius: 5px; 
	background-color: #cde5fa; 
	padding: 15px 0px 15px 0px; 
	text-align: center
}

.dashDataBox2{
	position: absolute; 
	width: 395px; 
	border-radius: 5px; 
	background-color: #cde5fa; 
	padding: 15px 0px 15px 0px; 
	text-align: center
}

.accountLogOutBoxButton{
	position: relative;
	margin-bottom: 5px;
	border-radius: 3px;
	border: 1px solid #bbb;
	background-image: url(../library/bkg50white.png);
	padding: 5px 0px 5px 0px;	
}

.accountLogOutBoxLink{
	text-decoration: none;
	color: #009;
	font-weight: 700;
	font-size: 11px;
}

.accountLogOutBoxLink : visited{
	text-decoration: none;
}

#accountBox{
	position: relative;
	width: 500px;
	border: #333;
	border-radius: 5px;
	background-image: url(../library/bkg75white.png);	
	
}


/*-------------------------------- TOP MENU BUTTONS ---------------------------- */

.topmenu1{
	float: left;
	top: 4px;
	background-color: #ddd; 
	border-radius: 5px;
	font-family: 'Bebas Neue', cursive;
	font-size: 18px;
	border: 1px solid #fff;
}

.topmenu1:hover{
	background-color: #cde5fa;  
}

.topmenu1active{
	float: left;
	top: 4px;
	background-color: #4247b0;
	border-radius: 5px;
	font-family: 'Bebas Neue', cursive;
	font-size: 18px;
	color: #fff;
	border: 1px solid #000;
}

.topMenuLink1{
	text-decoration: none;
	color: #000;
}

.topMenuLink1:visited{
	color: #000;	
}

.topmenu2{
	float: left;
	top: 4px;
	background-color: #4247b0; 
	border-radius: 5px;
	font-family: 'Bebas Neue', cursive;
	font-size: 16px;
	color: #fff;
	border: 1px solid #fff;
}

.topmenu2:hover{
	background-color: #ddd;
	color: #000;  
}

.topmenu2active{
	float: left;
	top: 4px;background-color: #cde5fa;  
	border-radius: 5px;
	font-family: 'Bebas Neue', cursive;
	font-size: 16px;
	border: 1px solid #000;
	color: #000;
}

.topMenuLink2{
	text-decoration: none;
	color: #fff;
}

.topMenuLink2:visited{
	color: #fff;	
}

.topmenu3{
	float: left;
	top: 4px;
	background-color:#cde5fa; 
	border-radius: 5px;
	font-family: 'Bebas Neue', cursive;
	font-size: 16px;
	border: 1px solid #fff;
}

.topmenu3:hover{
	background-color: #4247b0;
	color: #fff; 
}

.topmenu3active{
	float: left;
	top: 4px;
	background-color:#ddd; 
	border-radius: 5px;
	font-family: 'Bebas Neue', cursive;
	font-size: 16px;
	border: 1px solid #000;
}

.topMenuLink3{
	text-decoration: none;
	color: #000;
}

.topMenuLink3:visited{
	color: #000;	
}

/*-------------------------------------------------------------- */

.adminMenuButton{
	width: 25%; 
	background-color: #ddd; 
	border-radius: 5px;
	font-family: 'Bebas Neue', cursive;
	font-size: 18px;
}

.adminMenuButton:hover{
	background-color: #cde5fa;
}


.menuLink{
	text-decoration: none;
	color: #000;	
}

.menuLink:visited{
	text-decoration: none;
	color: #000;	
}

.selectedMenuLink{
	text-decoration: none;
	color: #fff;	
}

.selectedMenuLink:visited{
	text-decoration: none;
	color: #fff;	
}

.subMenuButton{
	background-color: #4247b0;
	border-radius: 5px;
	font-size: 12px;
}

.subMenuButton:hover{
	background-color: #cde5fa;
	color: #000;
	font-weight: bold;
}


.subMenuLink, subMenuLink:visited{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

subMenuLink:hover{
	color: #000;
}





.title{
	/* font-family: 'Bebas Neue', cursive; */
	font-size: 35px;
	font-weight: 800;
	color: #4247b0;
}

.subtitle{
	/* font-family: 'Bebas Neue', cursive; */
	font-size: 25px;
	font-weight: 800;
	color: #4247b0;
}

.subSubTitle{
	/* font-family: 'Bebas Neue', cursive; */
	font-size: 18px	;
	font-weight: 800;
	color: #4247b0;
}

.warning{
	font-size: 15px;
	font-weight: bold;
	color: #cc0000;
}

.notice{
	/* font-family: 'Bebas Neue', cursive; */
	font-size: 18px;
	font-weight: 500;
	color: #cc0000;
}

.darkblueBKG{
	background-color: #4247b0;
	color: #fff;
	font-weigth: bold;
}

div.errorMessage{
	font-weight: bold;
	color: #ff0000;
	font-size: 12px;
}

div.message{
	width: 100%;
	font-size: 30px;
	font-weigth: 800;
	color: #cc0000;
	/* font-family: 'Bebas Neue', cursive; */
	margin-top: 10px;
	margin-bottom: 10px;
}

div.formSection{
	position: relative;
	width: inherit;
	background-color: #ddd;
	border-radius: 5px;
	border: 1px solid #333;
	margin-bottom: 10px;
	color: #666;
}

div.formSectionTitle{
	width: 500px;
	position: relative;
	left: 50px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #333;
}

.formTable{
	width: 600px;
	background-color: #ddd;
	border: 1px solid #333;
	border-radius: 5px;
	margin-bottom: 15px;
	padding: 10px;
	color: #333;
	vertical-align: top;
	
}

tr{
	padding-top: 15px;
}

.stepBox{
	position: relative;
	height: 30px;
	float: left;
	padding: 5px 0;
	width: 13%;
	border: 1px solid #333;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
	vertical-align: baseline;
	background-color: #fff;
}

.referralListTR{
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.referralListTD{
	border: 1px solid #333;
	background-color: #ddd;
	color: #333;
}

.sectionTitle{
	width: 600px;
	font-size: 18px;
	color: #fff;
	background-color: #4247b0;
	font-weight: 800;
	text-align: center;
	border-radius: 5px 5px 0px 0px;
	border: 1px solid #333;
}

.formDes{
	font-weight: bold;
	width: 40%;
	vertical-align: top;
	font-size: 14px;
}

.formInput{
	vertical-align: top;
	text-align: left;
	font-size: 14px;	
}

.referralInput{
	width: 100%;
	border: 1px solid #555;
}

div.formRow{
	width: 580px;
	text-align: left;
	min-height: 35px;
	height: inherit;
	padding-left: 20px;
}

div.formLeftCol{
	position: absolute;
	width: 280px;
	height: inherit;
}

div.formRightCol{
	position: absolute;
	width: 280px;
	left: 310px;
	height: inherit;
}

div.fulCol{
	position: relative;
	width: 560px;
}


/*-------------------------------Admin Intervention Tabs----------------------------------*/

.adminMenu{
  overflow: hidden;
  border: 1px solid #ccc;
  background-image:url(../library/bkg50white.png);
  width: 800px;
  border-radius: 4px;
  margin-bottom: 15px;
}

.adminMenu button{
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 16px;
  font-family: 'Bebas Neue', cursive;
  width: 200px;
}

.adminMenu button:hover {
  background-color: #cde5fa;
}

.adminMenu button.active {
  background-color: #4247b0;
  color: #fff;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-image:url(../library/bkg50white.png);
  width: 800px;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 23px;
  font-family: 'Bebas Neue', cursive;
  width: 200px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #cde5fa;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #4247b0;
  color: #fff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}


/* small tab */
.tabSmall {
  overflow: hidden;
  border: 1px solid #ccc;
  background-image:url(../library/bkg50white.png);
}

/* small buttons inside the tab */
.tabSmall button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 18px;
  font-family: 'Bebas Neue', cursive;
  width: 150px;
}

/* small background color of buttons on hover */
.tabSmall button:hover {
  background-color: #cde5fa;
}

/* Create an small active/current tablink class */
.tabSmall button.active {
  background-color: #4247b0;
  color: #fff;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
/*--------------------------------------------------------------------------*/
/*---------------------Admin Intervention Tables----------------------------*/

.bigBox{
	width: 900px;
	padding: 8px;
	border: 1px solid #333; 
	border-radius: 5px;
}

.referralListFilled{
	background-color: #ddd; 
	border-radius: 4px;
	border: 1px solid #333; 
	padding: 5px;
	vertical-align: baseline;
}

.referralListUnfilled{
	border: 1px solid #333; 
	border-radius: 4px; 
	padding: 5px;
	vertical-align: baseline;
}

.interventionTable{
	width: 600px;
	background-image:url(../library/bkg50white.png);
	border-radius: 5px;
	margin-bottom: 15px;
	padding: 10px;
	color: #333;
	vertical-align: top;
	border-bottom: 1px solid #999;
}

.addInterventionInput{
	vertical-align: top;
}

.addInterventionDate{
	width: 150px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	vertical-align: top;
}

.interventionInput{
	width: 100%; 
	resize: none;	
}

.interventionDesc{
	font-weight: bold;
	font-size: 12px;
}

.adminName{
	width: 150px;
	font-weight: bold;	
	font-size: 12px;
	border: 1px solid #333;
	padding: 10px;
}

.adminNote{
	background-image:url(../library/bkg50white.png);
	padding: 10px;
	border: 1px solid #333;
}

.interventionListTitle{
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 5px;	
}

/*--------------------------------------------------------------------------*/

#logInBox{
	position: relative; 
	width: 250px; 
	text-align: left; 
	font-weight: bold; 
	font-size: 12px; 
	color: #333;
}

#formTopInfo{
	width: 560px;
	background-image:url(../library/bkg75white.png);
	color: #0000;
	color: #000;
	padding: 20px;
	border-radius: 10px;
}



#users {
  border-collapse: collapse;
  width: 900px;
  background-color: #fff;
  border-radius: 4px;
}

#users td, #users th {
  border: 1px solid #ddd;
  padding: 8px;
}

#users tr:nth-child(even){background-color: #f2f2f2;}

#users tr:hover {background-color: #ddd;}

#users th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #666;
  color: white;
}

.userBox{
	width: 900px; 
	align: center; 
	border: 1px solid #333; 
	padding: 10px;
}

.userBoxTitle{
	width: 900px; 
	align: center; 
	border: 1px solid #333; 
	background-color:  #4247b0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;	
}