/*Remove html auto margins and padding */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

/* auto-resize content */
 img, embed, object, video {
	max-width:100%; 
}


/* Move down content because we have a fixed navbar that is 50px tall */
 body {
  padding-top:0px;
  padding-bottom: 0px;
    color: #003366;

}



/* Override bootstrap margins / padding */
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
}

.logo {
	color:#ffffff;
    background-color: #003366;
    margin-bottom:auto;
    float:inline;
}

h2{
	
	font-size: 12pt;
	clear:both;
}


h3{
    color:#003366;
    font-size: 200%;
    }
    
h4{
    color:#003367;
    font-size: 150%;
    }

.one {
    color:#ffffff;
	list-style: disc;
}

ul {
    list-style-type:none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: clear;

}

li {
    float: left;


}

li a {
    display: inline-block;
    color: #333;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    
}

li a:hover {
    background-color: #c0d8f4;
    text-decoration:none;
    color:#003366;
}

#home_nav a:hover {
    background-color: #c0d8f4;
    text-decoration:none;
    border-radius:5px;
    color:#003366;
}

#team_nav_top a:hover {
    background-color: #c0d8f4;
    text-decoration:none;
    border-radius:5px;
    color:#003366;
}

#profile_dropdown:hover {
    background-color: #c0d8f4;
    text-decoration:none;
    border-radius:5px;
    padding-bottom:12px;
    color:#003366;
}

.navbar-inverse {
  background-color: #003366;
  border-color: #003366;
  /*border-color: #2a4307;*/
  margin-bottom:auto;
    margin-right: auto;
    padding-right: 40px 20px;
    
 }

.header0
    /*height:50px;*/
    background:#003366;
    /*border:1px solid #CCC;*/
    width:100%;
    margin:0px auto;
}

.p{
 display: inline-block	
}

p.ex1 {
    font: 15px arial, sans-serif;
    color: white
}

.header{
    background-color:#003366; 
	font-family: Arial, Helvetica, sans-serif;
    height:80px;
	/*font-family: "Times New Roman", Times, serif;*/
    margin-left:0px;
    margin-right:0px;
}

.mainContent{
	background-color:#ffffff;
	height:100%;
}

/*Override bootstrap.css*/
.navbar-inverse .navbar-nav .navbar-right > .active > a,
.navbar-inverse .navbar-nav .navbar-right > .active > a:focus {
  color: #9d9d9d;
 /* background-color: #2a4307; */
  background-color: #003366;
    border-style: solid;
    border-width: 5px;
    border-bottom-color: black;
}

.navbar-inverse .navbar-nav .navbar-right > .active > a:hover {
      color: #9d9d9d;
 /* background-color: #2a4307; */
  background-color: #c0d8f4;
    text-decoration:none;
}


	#tfheader{
		background-color:clear;
	}
	#tfnewsearch{
		float:right;
		padding:20px;
	}
	.tftextinput{
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		border:1px solid #0076a3; border-right:0px;
		border-top-left-radius: 5px 5px;
		border-bottom-left-radius: 5px 5px;
	}
	.tfbutton {
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		border: solid 1px #0076a3; border-right:0px;
		background: #0095cd;
		background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
		background: -moz-linear-gradient(top,  #00adee,  #0078a5);
		border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
	}
	.tfbutton:hover {
		text-decoration: none;
		background: #007ead;
		background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
		background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	}
	/* Fixes submit button height problem in Firefox */
	.tfbutton::-moz-focus-inner {
	  border: 0;
	}
	.tfclear{
		clear:both;
	}


/* Side Bar */
#side{
    color: black;
    background: #b3b3b3;
    display:inline-block;
    /*width: 20%; */
    margin-left:-15px; 
    text-align: right;
    height:100%;
    padding-right:15px;
}

.profile-pic {
    border-radius:50%;
    width:100px;
    height:100px;
    border:solid 2px white;
}

#stonesparagraph {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 16pt;
}

#button.behavior {
    	margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		border: solid 1px #0076a3; border-right:0px;
		background: #0095cd;
		background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
		background: -moz-linear-gradient(top,  #00adee,  #0078a5);
		border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
    
}

.button1 {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
    margin: 4px 2px;
    cursor: pointer;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
    .button2 {
    background-color: red;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
    margin: 4px 2px;
    cursor: pointer;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
    
      .button3 {
    background-color: blue;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
    margin: 4px 2px;
    cursor: pointer;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
    
    .button4 {
    background-color: orange;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
    margin: 4px 2px;
    cursor: pointer;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.stonesdescription {
	color:red;
    font-family: "Times New Roman", Times, serif;
    font-size: 22px;
      text-align: center;
     margin: 10 12px 2px;
}

  .button5 {
    background-color: black;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
    margin: 4px 2px;
    cursor: pointer;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
      
}

.body-content {
    padding:15px;
    width:100%;
    border:black 2px;
    float:left;
}

.body-content2 {
    padding:15px;
    width:70%;
    border:black 2px;
}

.body-content3 {
    padding:15px;
    width:100%;
    border:black 2px;
}

.body-content4 {
    padding:15px;
    width:100%;
    border:black 2px;
}

.body{
     border:none;
    
}

#login{
    padding:15px;
    float:center;
    width:80%;
    border: none;
    color: #003366;
    text-align: center;
}

#signup{
    padding:15px;
    float:center;
    width:80%;
    border:none;
    color: #003366;
    text-align: center;
}

.form{
    padding:15px;
    float:center;
    width:80%;
    border:none;
    color: white;
    text-align: center;

    
}

.button-block{
  color: red;    
}

.table{
    padding:15px;
    float:left;
    width:70%;
    border:black 0px;
    margin: 10px 10px;
    margin-left: 40px 20px;
    margin-left: auto;
}

.button-block{
 margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		border: solid 1px #0076a3; border-right:0px;
		background: #0095cd;
		background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
		background: -moz-linear-gradient(top,  #00adee,  #0078a5);
		border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
    
}

.forgot{
    color: red; 
    font-size: 20;
}

.mystones{
    font: #003366;
}

.mystonesgroup{
    font: #003366;
}

/* Video and Chat Pages */

.videoboxes {
    color:black;
    border: solid 2px black;
    margin:10px 0px 10px 0px;
    padding: 5px;
    height: 250px;
}

.progress-box {
    color:black;
    border: solid 2px black;
    margin:10px 0px 10px 0px;
    padding: 5px;
}

.progress {
    background:navy;
}

.form2 {
    color:black;
}

.comments {
    height:250px;
}

 /*#readings_content{
    display: none;
    
}

#discussion_content{
    display: none;  
}

#virtual_meeting_content{
    display: none;  
}

#resources_content{
    display: none;  
}

#team_content{
    display: none;  
}

#profile_content{
    display: none;  
}

#stone_content{
    display: none;  
}

#login_content{
    display: none;  
} */

div[id$=_content]{
    display: none
}

#home_content{
    display: block;  
}
.row {
    padding:15px;
}

.border {
    border-top: solid 1px black;
    margin: 0px -15px 0px -30px;
    padding:0px;
    padding-left: 1%;
    background:#b3b3b3;
    box-shadow:4px 4px 10px #c4c4c4;
}

.bordertop{
    background-color: #ffcc99;
    border-top: solid 1px black;
    margin: -2px -30px 0px -30px;
    padding:-25px 0px 10px 0px;
    padding-left: 1%;
    
}

.bordergoal{
    background-color:black;
    color: white;
    /* font-style: italic; */
    font-size: 14px;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    margin: -4px -15px 0px -30px;
    padding:4px;
    padding-left: 2%;
    text-align:center;
    
    
}

/*.border li{
    border-right: solid 1px black;
}*/

.center {
    margin: auto;
    width: 70%;
    border: 0px solid #73AD21;
    padding: 0px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 10px;
    width: 280px;
}

.center2 {
    margin: auto;
    width: 80%;
    border: 0px solid #73AD21;
    padding: 10px;
}

.center3 {
    margin: auto;
    width: 70%;
    border: 0px solid #73AD21;
    padding: 0px;
    text-align: center;
    padding-top: 35px;
    
}
/***************profile-service  ********/
#services{
	background:white;
	padding:2% 0;
}
.service-grids{
	background:#282A2E;
}
.service-grids h2{
	text-align:center;
	margin: 0 0 4%;
	font-size: 1.8em;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 400;
}
.middle-grids {
	margin: 2em 0;
}
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.images_1_of_4{
	display: block;
	float:left;
	margin-left:3%;
	text-align: center;
}
.images_1_of_4:first-child { 
	margin-left: 0; 
} 

.images_1_of_4 {
	width: 21.6%;
}
.images_1_of_4  img{
	max-width: 100%;
	margin-bottom: 23px;
	border-radius: 20em;
	-webkit-border-radius: 30em;
	-o-border-radius: 30em;
	-moz-border-radius: 30em;
	padding: 45px;
	background: white;
	cursor: pointer;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.images_1_of_4  img:hover{
	background: #30554E;
}
.images_1_of_4  h3 a{
	color:#ffffff;
	font-size:1.5em;
	font-weight :400;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.images_1_of_4  h3 a:hover{
	color:#25BEA0;
}
.images_1_of_4  h3
{
	padding: 0em 0em 0em 0em;
}
.images_1_of_4  p
{
	padding: 0em 0em 1.5em 0em;
}
.images_1_of_4  p {
	font-size:0.875em;
	color:#C0BEBE;
	line-height: 1.8em;
}
.images_1_of_4 .button a{
		padding:7px 10px;
		font-size:0.9em;
		background:#49CBCD;       
        color : #fff;
      	-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		transition: 0.5s all;
		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-o-transition: 0.5s all;
}
.images_1_of_4 .button a:hover{
	   background: #296E6F;
        text-decoration:none;
}

.btn dropdown-toggle btn-select2 a:hover{
    color:white;
}
  
h9{
    font-size: 40px;
    font-weight: bold;
}

h10{
    font-size: 25px;
    color: grey;
}

h11{
    font-size: 20px;
    color: grey;
    
}

.tutorial2 {
    background:#003366;
    color:#b3b3b3;
    padding:0px 10px 7px 10px;
    text-decoration:none;
    border-radius:10px;
    margin-bottom:20px;
    text-align: center;
}

.tutorial3 {
    background:#003366;
    color:#b3b3b3;
    padding:0px 10px 7px 10px;
    text-decoration:none;
    border-radius:10px;
    margin-bottom:20px;
    text-align: center;
}

.tutorial2:hover  {
    background:#b3b3b3;
    color:#003366;
    font-weight:600;
}
    
.tutorial3:hover {
    background:#b3b3b3;
    color:#003366;
    font-weight:600;
}

.demo { 
    background:#003366;
    color:#b3b3b3;
    padding:0px 10px 7px 10px;
    text-decoration:none;
    border-radius:10px;
    margin-bottom:20px;
    text-align: center;
    padding:10px;
    
}

.demo:hover {
    background:#b3b3b3;
    color:#003366;
    text-decoration:none;
}

/***************profile-service************/