body {
    /*padding-top: 30px;*/
    padding-bottom: 20px;
  /*background-color:white;*/
}
img{
max-width:100%;
} 
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
.textareaanswer {
    max-width: 500px;
    
}
.search-box-div {
   text-align:center; 
  }
.search-box {
    border-radius:5px; 
    border-color:lightblue;
    margin: 0 auto;
    background-image:url("/Images/searchicon.png");
    background-position: 10px 7px ;
    background-repeat: no-repeat;
    padding-left: 40px;
    margin-bottom:10px; 
    margin-top:-10px;
    max-width:100%;
    width:300px;
    font-size:medium;
	
    
}
.search-box:focus{
width:100%;}

.search-box:focus::-webkit-input-placeholder 
{
    color: transparent;
}

.form-control::-moz-placeholder 
{
  
color: grey;
  
font-style:italic;
  
font-size:medium;
  
font-family:Verdana;
  
opacity: 1;
}

.form-control:-ms-input-placeholder {
  
color:grey;
  
font-style:italic;
  
font-size:medium;
  
font-family:Verdana;

}

.form-control::-webkit-input-placeholder {
  
color:grey;
  
font-style:italic;
  
font-size:medium;
  
font-family:Verdana;

}

.div-container {
  display: table;
  border-collapse:collapse;

}
.curriculum-home-page {
    min-height:350px;
    border:1px solid;
}
.curriculum-home-page ul{
    /*list-style-type: decimal;*/
    list-style: none;
     /*list-style-image: url('/Images/icon_circle_arrow_orange_small.png');*/
}
 .curriculum-home-page ul li {
 /** the image will be vertically aligned in the center **/
    background: url('/Images/icon_circle_arrow_orange_small.png') left top no-repeat; 

    /** move the text to the right **/
    padding-left: 22px; 

 }

.div-row {
  display: table-row;
}
.div-column {
  display: table-cell;
border:1px solid;
min-width:25px;
    min-height:25px;
}
.bar {
    border:1px solid;
    min-width:25px;
    min-height:25px;
    padding:2px;
    display:inline-block;
    float:left;
    border-collapse:collapse;
    
}
.shaded {
    background-color:gray;
}
.back-grey
{
	background-color:gray;
}
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
.jumbotron_background {
   background-image: url(../images/woman-laptop-cat-hero_80_1.jpg);
   background-size:cover;
}
@media (min-width: 1200px) {
  .container_custom {
    /*width: 1000px;*/
    /*text-align:center;*/
  }
   .rightpanel {
        display: inline-block;
        float:right;
        width:300px;
    }
   .leftpanel {
        display: inline-block;
        float:left;
        width:830px;
        border:0px solid;
    }
}
 .leftpanel {
       
        width:830px;
    }
.math-books-well {
    display:inline-block; 
    float:right; 
    width:160px; 
    border:0px solid; 
    vertical-align:top; 
  
}
.BookPage_Question {
    font-size:16px;
 font-family:Verdana;
   
  
}
.bookpagetable {
    margin-top:20px;

}

.bookpagetable > tbody > tr > td {
 
   border-top-style:none;
  
}
.top-login {
/*position:fixed;
  top:0;
  right: 0;
  left: 0*/
background-color:black; 
height:30px;

}
  
.top-login ul li {
        
        font-family:"Lato", sans-serif;
        font-size:12px;
        
        }
.nav-pills-custom {

float:right;
margin-right:-30px;
}
.nav-pills-custom li  a{
    margin-top:2px;
    padding-top:4px;
    padding-bottom:4px;

}
.navbar-fixed-top-custom {
    position:relative;

}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}



.div_answer_explanation {
	display: none;
    /*visibility:hidden;*/
	position:relative;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
.progress-bar-red {
  background-color:#d9230f;
}
.books_on_shelf{
    width: 600px !important;
    /*margin: 0px 0px 10px 0px !important;*/
    background: url('../images/wall-bookshelf_small.png') top left;
    background-repeat:no-repeat;
    background-position-y:165px;
    border:0px solid;
    display:inline-block;
    float:left;
    padding-left:40px;
    padding-top:8px;
    height:230px;
    
    /*margin-top:-20px;*/
    text-align:center;
    
}
.books {
border:0px solid; 
margin-top:0px; 
/*box-shadow: 2px 0px 1px 1px #888888;*/
}
.topbookpage {
    border:1px  solid ; 
    border-color:lightgray; 
    /*width:995px;*/ 
    height:105px; 
    margin-top:1px; 
    padding:0px;  
    margin: 0 auto; 
    background-color:white;
    text-align: center;
   /*  min-width:620px;*/

}
.bookpage {
background-image:url(../Images/notebook_background_1.png); 
background-color:#FFFFE0 ;
padding-left:25px; 
/*width:995px;*/   
margin: 0 auto ; 
margin-top:0px; 
border:1px solid;
 border-color:lightgray; 
 /*min-width:620px;*/
/*box-shadow: 2px 1px 1px  #888888;*/
}
.bookshelf-body {
    width: 660px !important;
    margin: 0px 0px 10px 0px !important;
    background: url('http://www.liveurlifehere.com/demo/bookshelf/images/rack.jpg') top left repeat-y;
    background-position-y:12px;
    border:0px solid;
    float:left;
    padding-left:50px;
    /*height:200px;*/
   
}
.bookshelf-title {
background:url('http://www.liveurlifehere.com/demo/bookshelf/images/booktitle2.jpg') top left repeat-y;
margin-left:0px;
margin-bottom:1px;
width: 660px !important;
    font-size: 24px;
    font-weight: bolder;
    text-shadow: 0px 2px 0px #E6C8A8;
    color: #7E5325 !important;
    padding-left: 5px;

}
.books-area {
   padding-left:10px;  
   padding-right:10px; 
   padding-top:5px;  
   border:0px solid;  
   height:240px;  
   background-color:whitesmoke;
}
.Panel_Custom_Wide {
 display:inline-block; 
 /*height:220px;*/
 width:100%; 
 float:left;
}
.Panel_Custom_Wide_Main {
 display:inline-block; 
 /*height:220px;*/
  
  float:left;
}
.more-tests-well {
   display:inline-block; 
    width:170px; 
    height:220px; 
    margin-left:10px;
}
.Table3columsheader
{
    border:1px solid; 
    padding-top:3px; 
    padding-bottom:3px;
    padding-left:20px;
    padding-right:20px;
    text-align:center; 
    background-color:lightgray;
    font-weight:bold;


}
.Table2cells
{
    border:0px solid; 
    padding-top:3px; 
    padding-bottom:3px;
    padding-left:4px;
    padding-right:4px;
    text-align:center; 
    font-size:1.2em; 
    	
 }

.Table3cells
{
    border:1px solid; 
    padding-top:3px; 
    padding-bottom:3px;
    padding-left:30px;
    padding-right:30px;
    text-align:center; 
   

}
.Table4cells
{
    border:1px solid; 
    padding-top:3px; 
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
    text-align:center; 
    border-collapse:collapse;
 }
.myButton {
	-moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
    box-sizing:unset;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	/*font-size:12px;*/
	padding:3px 9px;
    margin-left:4px;
   	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
}
.myButton:active {
	position:relative;
	top:1px;
}
.mydropdown {
		border: 0 !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
        appearance:none;
		background: #0088cc url(img/select-arrow.png) no-repeat 90% center;
		width: 65px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #FFF;
		border-radius: 15px;
		padding: 5px;
		box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);
		text-align-last:center;
	}
.TextBox_Rounded {
    width:35px;
    height:35px;
    -webkit-border-radius: 55px;
-moz-border-radius: 55px;
border-radius: 55px;
text-align:center;
}
.TextBox_Line {
width:120px; 
height:30px; 
padding:3px; 
border-bottom:1px solid; 
border-top:0px; 
border-left:0px;
border-right:0px; 
border-bottom-color:black; 
border-bottom-left-radius:0px; 
border-bottom-right-radius:0px;
text-align:center;
background-color:aliceblue;
margin-top:1px;
/*color:orangered*/
}
.TextBox_Line_Long {
width:500px; 
height:30px; 
padding:3px; 
border-bottom:1px solid; 
border-top:0px; 
border-left:0px;
border-right:0px; 
border-bottom-color:black; 
border-bottom-left-radius:0px; 
border-bottom-right-radius:0px;
text-align:center;
background-color:aliceblue;
/*color:orangered aliceblue*/
}
.TextBox_Line_Shorter {
width:55px; 
height:30px; 
padding:3px; 
border-bottom:1px solid; 
border-top:0px; 
border-left:0px;
border-right:0px; 
border-bottom-color:black; 
border-bottom-left-radius:0px; 
border-bottom-right-radius:0px;
text-align:center;
background-color:aliceblue;
}
.TextBox_Standard {
width:70px; 
height:30px; 
padding:3px;


}
.TextBox_Small {
width:25px; 
text-align:center;  
height:25px; 
padding:3px; 
background-color:lightgray;
}