body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/* padding-left: 2em;
	padding-right: 2em; */
}
/* .td{padding-left:10px;} */

.text{FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #ffffff; FONT-SIZE:10pt; FONT-WEIGHT:bold;}
.star{FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #ffffff; FONT-SIZE: 11pt; FONT-WEIGHT:bold;}
/* .text1{FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #ffffff; FONT-SIZE: 10pt; FONT-WEIGHT:normal;} */
.img{padding-left:10px; padding-right:10px;}
.Sadie {
	font-family: "Book Antiqua";
	font-weight: bold;
	font-size: 24px;
	color: #C3E7F7;
	padding-left:20px;
}

.formlabel {	FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #ffffff; FONT-SIZE: 10pt; FONT-WEIGHT: 700; TEXT-DECORATION: none
}
.instructions {	FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #ffffff; FONT-SIZE: 10pt; FONT-WEIGHT: normal;text-shadow:0 1px 2px rgb(0, 0, 0);
}
.subject {	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; FONT-WEIGHT: bold
}
.style1 {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
}
.lp-menu-tabs{
    float: right;
   	height: 3.125em;
   	width: 100%;
 }
.lp-menu-box{
 
}
.lp-menu-tab{
    float: right;
}
.content-box{
    width: 80%;
    padding-top:2em;
  /*   padding: 1em 1em 1em 5em; */
    margin: 1em 2em 2em 12em;
}
.content-body{
    width: 80%;
    padding-top:2em;
    margin: 0em 0em 0em 5em;
}
.sub-title{
	font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serifsans-serif;
	color: #006673;
	font-size: 1.2em;
	padding-left:3em;
 	/* text-shadow:-4px 2px 8px #BDBDBD; */
	text-transform: none; font-weight: 600; margin-bottom: 0;
	line-height: 1.5em;
	text-shadow: 2px 2px 0 #BDD5D8;
}
.sideHead{
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    color:#000000;
}
.content-center{
	margin-left: 20em;
    padding-top: 0.5em;
    float: left;
}
.personalinterest-text-center{
	margin-left: 4em;
    padding-top: 0.5em;
    float: left;
}
.sports-text-center{
	margin-left: 13em;
    padding-top: 0.5em;
    float: left;
}
.content-title{
	padding-top:2em;
	padding-left:3em;
	color : #BDBDBD;
	font-family:Arial, Helvetica, sans-serif;
    font-size:20px; 
    font-weight:bold; 
    float:left;
}
/* html {overflow-y: scroll;} */

.label{
	color:rgba(0, 91, 101, 0.92);
    font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
    font-size:16px; 
    font-weight:600;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    vertical-align: middle;
}

.tablelabel{
	color:rgba(0, 91, 101, 0.92);
    font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
    font-size:16px; 
    font-weight:600;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    vertical-align: middle;
    text-allign:center;
}

.required {
    color: red;
    font-weight:bold;
    font-size:1.3em;
    vertical-align: sub;
}
.title-pad{ /* Spacing from page left to title*/
	padding-left: 8em;
/* 	padding-top: 1em; */
	margin: 0.5em 0em; 
}
.space-between{ /* Spacing between each section*/
	padding-top: 2em;
	/* padding-left:4em; */
}
.common-center{
	padding-left: 35em;
	padding-top: 2em;
}
.addusers-text-center{ /* Spacing between each section*/
	padding-top: 2em;
	padding-left:10em;
}
.heading-up{ /* Spacing between Tab and title */
	padding-top: 0.5em;
}
.title-border{ /* Border of title */
  border-top : 1px solid #dde8e8;
  padding-left : 1em;
  height:40px;
  width: 98.5%;
  bottom:0;
  left: 0;
  top:20px;
  overflow: hidden;
  z-index: 1;
  background: linear-gradient(30deg,#EFF2F2 30%, #6594db 30%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
  box-shadow: 0 8px 20px -12px rgb(18, 166, 185), 0 3px 20px 0px rgba(74, 125, 132, 0.15), 0 5px 10px -5px rgba(70, 136, 144, 0.55);
  -webkit-transform: skew(10deg); 
   -moz-transform: skew(10deg); 
   -o-transform: skew(10deg);
   transform: skew(10deg);
   float: left;
   /*  border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px; */
}
.space-between-select{ /* Spacing between select boxes*/
	padding-left: 1.2em;
}
.content-border{
	outline-style: solid;
    outline-width: 1px;
    outline-color: #BDBDBD;
    box-shadow: 20px 4px 10px rgba(17, 17, 17, 0.46);
	background: url('') no-repeat center center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: top right;
    background-size: 100% 100%;
    -o-background-size: cover;
}
.status-message{
	color : #00606c;
	font-weight: bold;
	font-size: 13px;
}

.loading-div-background {
     display:none;
     position:fixed;
     top:0;
     left:0;
     background:rgba(143, 206, 214, 0.22);
     width:100%;
     height:100%;
     z-index:999;
 }
 .loading-div{
      width: 300px;
      height: 200px;
      text-align:center;
      position:absolute;
      left: 50%;
      top: 50%;
      margin-left:-150px;
      margin-top: -100px;
      font-size:14px;
      color:#00a5bb;
      font-weight:bold;
 }
 
 .loading-wait{
	color: #0079F1;	
	font-weight:normal;
}
.personalinfo-content-center{
	margin-left: 20em;
    padding-top: 0.5em;
    float: left;
}
.myprofile-content-center{
	padding-left: 0.5em;
    float: left;
}
.homepage-content-center{
	margin-left: 6em;
    padding-top: 0.5em;
    float: left;
}
.personalinterest-content-center{
	margin-left: 4em;
    padding-top: 0.5em;
    float: left;
}
#loading-div-background{
       opacity: 0.8;
}

.ribbon1 {
  border-color: #cc0000 transparent #cc0000 transparent;
  border-style: solid;
  border-width: 16px;
  color: #fff;
  position: relative;
  text-align: center;
  width: 250px;
}
.ribbon1:before {
  background-color: red;
  border-top: 5px solid #eee;
  content: "";
  height: 42px;
  left: 0;
  margin: 0 10%;
  position: absolute;
  top: -16px;
  width: 80%;
}
.celebrat {
  font-family: 'Ubuntu','Liberation Sans','Open Sans','sans-serif';/*  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */
  font-size: 25px; 
  color: white; 
  text-shadow: 0 1px 1px rgb(17, 56, 61);
  padding-top: 0em;
}

.loadIcon{
  color:#0071bc;
  font-size:20px;
  font-weight:900;
  font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif;
	
}
.title-style{
	font-size:15px;
	font-weight:bold;
	color:rgb(0, 83, 121);
	font-family:museo-slab,Georgia,"Times New Roman",Times,serif;
	text-shadow:0 1px 1px rgba(0,0,0,.2);
	vertical-align:middle;
}

.loader {
	position: absolute;
	width: 32px;
	height: 32px;
	left: 50%;
	top: 45%;
	margin: 0 0 0 -15px;
	border:7px solid #07425c;
	border-right-color: #00afc5;
	border-radius: 50%;
	box-shadow: 0 0 5px -1px #44949e;
	-webkit-animation: spin .7s linear infinite;
	-moz-animation: spin .7s linear infinite;
	-ms-animation: spin .7s linear infinite;
	-o-animation: spin .7s linear infinite;
	animation: spin .7s linear infinite;
	border-left-color: #00afc5;
	background:rgba(143, 206, 214, 0.22);
}

/* .loader::after {
	display: block;
	content: "";
	border: 15px solid #00BCD4;
	margin: 1px;
	border-radius: 50%;
	border-left-color: #06202c;
	border-right-color: #06202c;
} */

@-webkit-keyframes spin
{
	from { -webkit-transform: rotate(0deg); opacity: 1; }
	50%  { -webkit-transform: rotate(180deg); opacity: 0.4; }
	to   { -webkit-transform: rotate(360deg); opacity: 1; }
}

@-moz-keyframes spin
{
	from { -moz-transform: rotate(0deg); opacity: 1; }
	50%  { -moz-transform: rotate(180deg); opacity: 0.4; }
	to   { -moz-transform: rotate(360deg); opacity: 0.4; }
}

@-ms-keyframes spin
{
	from { -ms-transform: rotate(0deg); opacity: 1; }
	50%  { -ms-transform: rotate(180deg); opacity: 0.4; }
	to   { -ms-transform: rotate(360deg); opacity: 1; }
}

@-o-keyframes spin
{
	from { -o-transform: rotate(0deg); opacity: 1; }
	50%  { -o-transform: rotate(180deg); opacity: 0.4; }
	to   { -o-transform: rotate(360deg); opacity: 1; }
}

@keyframes spin
{
	from { transform: rotate(0deg); opacity: 1; }
	50%  { transform: rotate(180deg); opacity: 0.2; }
	to   { transform: rotate(360deg); opacity: 1; }
}
.goal {
  background: #85C1E9;
  background-image: -webkit-linear-gradient(top, #85C1E9, #2980b9);
  background-image: -moz-linear-gradient(top, #85C1E9, #2980b9);
  background-image: -ms-linear-gradient(top, #85C1E9, #2980b9);
  background-image: -o-linear-gradient(top, #85C1E9, #2980b9);
  background-image: linear-gradient(to bottom, #85C1E9, #2980b9);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  text-shadow: 1px 1px 2px #666666;
  -webkit-box-shadow: 0px 0px 5px #666666;
  -moz-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
  font-family: Arial;
  color: #000000;
  font-size: 20px;
  padding: 10px;
  border: solid #1f628d 0px;
  text-decoration: none;
  width:60%;
}

.goal:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.scrollbox {
  width: 100%;
  height: 13.8em;
  overflow-y: auto;
  visibility: hidden;
  outline: none;
  scrollbar-face-color: #367CD2;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-track-color: #FFFFFF;
  scrollbar-arrow-color: #FFFFFF;
}

.scrollbox-content,
.scrollbox:hover,
.scrollbox:focus {
  visibility: visible;
}

.scrollbox_delayed {
  transition: visibility 0.2s;
}
.scrollbox_delayed:hover {
  transition: visibility 0s 0.2s;
}

.scrollbox::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
.scrollbox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
.scrollbox::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #15b5ca; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.gear-title{
	text-align: left;
	margin-top: 0.5em;
	/* color:#1066ab; */
	text-shadow: 0 1px 1px rgb(204, 204, 204);
	font-weight: bold;
	font-size: 15px;
	/* font-family:cursive; */
}