#acad-text h2, #reference h2 {
    color:#545658;
    font-size:15pt;
    margin:30px auto 10px;
    font-weight:lighter;
}


#acad-text h3, #reference h3 {
    font-size:12pt;
    font-weight:bolder;
}

#acad-text {
    padding:50px 75px 30px;
    text-align:justify;
    font-size:11pt;
    min-height:660px;
}

#acad-text p, #reference p {
    margin:15px 0;
}
#acad-text blockquote, #reference blockquote {
	margin:30px;
}

#acad-text blockquote li, #reference li {
    margin:10px auto;
}

#acad-text img, #reference img {
    margin:5px 15px;
}

#read {
    margin:50px auto;
    text-align:justify;
    width:850px;
    font-size:10pt;
}



.scroll {
    height:300px;
    overflow:auto;
}

hr {
    background:#9c0604;
    border:none;
    height:2px;
}

.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	display: block;
	clear: left;
	float: left;
    margin:0 10px 0 0;
}

.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	display: block;
	clear: left;
	float: left;
    margin:0 10px 0 0;
}

.additionalbooks {
    width:500px;
    height:75px;
    overflow:auto;
    font-family:arial;
    font-size:9pt;
    line-height:20px;
}

/*END SETTINGS FORM*/


/*BUTTONS*/

.button {
    position:relative;
    text-align:center;
}

.button a{
    display:block;
    background:url(../img/glossy_featurebox_header.png) center top;
    padding:4px 5px;
    font-size:9pt;
    color:white;
    border-radius:20px;
    text-shadow:1px -1px 0 #555;
    height:18px;
    width:85px;
    cursor:pointer;
    margin:0 10px;
}

.button-wide {
    position:relative;
    text-align:center;
}

.button-wide a { 
    background:url(../img/glossy_featurebox_header_wide.png) center top;
    width:110px;
    padding:4px 5px;
    font-size:9pt;
    color:white;
    border-radius:20px;
    text-shadow:1px -1px 0 #555;
    height:18px;
    cursor:pointer;
    display:block;
}

.button-grey {
    position:relative;
    text-align:center;
}

.button-grey a { 
    background:url(../img/glossy_featurebox_header_wide_grey.png) center top;
    width:110px;
    padding:4px 5px;
    font-size:9pt;
    color:#eee;
    border-radius:20px;
    height:18px;
    display:block;
}

.button input {
    display:block;
    background:url(../img/glossy_featurebox_header.png) center top;
    padding:4px 5px;
    font-size:9pt;
    text-decoration:none;
    color:white;
    border-radius:20px;
    text-shadow:1px -1px 0 #555;
    cursor:pointer;
    width:95px;
    border:none;
}

.button-wide input {
    display:block;
    background:url(../img/glossy_featurebox_header_wide.png) center top;
    padding:4px 5px;
    font-size:9pt;
    text-decoration:none;
    color:white;
    border-radius:20px;
    text-shadow:1px -1px 0 #555;
    cursor:pointer;
    width:118px;
    border:none;
}

.button-wide .button-doublewide {
	width:149px;
	background:url(../img/glossy_featurebox_header_doublewide.png) center top;
}
	
#pagetitle {
    width:980px;
    float:left;
    margin:10px 0 2px;
    padding-left:100px;
    text-align:left;
}

/* END BUTTONS */


/* READ */

#points p {
    font-style:italic;
    margin:0;
    font-size:10pt;

}

#bookstats {
    float:left;
    height:270px;
    width:520px;
    padding:0;
}

#bookstats img {
    height:225px;
    margin:0 20px 0 0;
	box-shadow:0 1px 7px black;
}

#bookstats td {
    font-size:8pt;
}

#read-wrapper {
    float:left;
    width:380px;
    margin:0 0 50px;
}

#chapters {
    float:left;
    height:365px;
    width:380px;
    padding:10px 0;
}

.chap_update {
	float: right;
    margin:-241px 10px 0 0;
    line-height:25px;
    text-align:left;
    font-size:9pt;
    max-height:577px;
    border:1px solid #CCCCCC;
    overflow:auto;
    width:345px;
    border-top:none;
    padding:0 0 15px;
}

#complete {
    float:left;
    width:360px;
    margin:40px 0 0;
}

#load_library {
    line-height:10px;
}

#load_library img{
    height: 91px;
    width:70px;
    margin:10px 6px;
}

#booklist .add {
    height:130px;
    border:1px dashed #C1C1C1;
    margin:0 14px;
    width:100px;

}

.add a {
    color:#C1C1C1;
    font-size:10pt;
    text-align:center;
    position:relative;
    top:30%;
    text-decoration:none;
}

.add a:hover{
color:#F7ae0c;
}
            
#booklist {
    width:520px;
    float:left;
    height:100%;
    text-align:center;
    font-size:9pt;
    background: url("../img/bookshelf.png");
    color:white;
	padding:43px 0;
}

#booklist div {
    display: inline-block;
    margin:0 10px;
    width:110px;
    float:left;
    height:194px;

}

#booklist div a img {
    width: 100px;
    padding: 0;
    margin:0;
    box-shadow:0 3px 4px rgba(0,0,0,0.5);
    height:133px;
}

#booklist div a .selected {
    box shadow:0 0 0 black;
    opacity:0.5;
    cursor:default;
}

.remove-book {
		display:none;
    height:0px;
    width:60px;
    top:-25px;
    left:138px;
    position:relative;
}

#booklist .remove-bookinlist {
		display:none;
    height:0px;
    width:40px;
    top:-170px;
    left:73px;
    position:relative;
}

#acad-text #readpoints {
	float:left;
	margin:0 auto 40px;
	width:100%;
}

#read_progress_updated {
	width: 240px;
	display:none;
  position:absolute;
	font-size:16pt;
	color:green;
	top:300px;
	left: 200px;
	z-index:5;
	text-align:center;
	background-color: white;
  border-radius:15px;
	box-shadow:0 10px 6px #888;
}

/*TEST PAGE*/

table.test-options {
    margin:auto;
    padding:10px;
    font-size:10pt;
    width:100%;
    border-collapse:collapse;
}

table.test-options tr {
    padding:5px 0;
}

table.test-options td.test-section-two{
    padding:0 0 0 10px;
}

table.test-options td {
    padding:5px;
    text-align:left;
}



/*STUDY PAGE*/

#medals-rsb {
    border:none;
    background:none;
    margin:20px 0;
}

#medals-rsb b {
	background:#333;
	color:white;
	padding:3px 6px;
	position:relative;
	top:-5px;
	left:18px;
	box-shadow:0 4px 3px #888;
}

#medals-rsb .medals-box {
    width:184px;
    background:white;
    border:5px solid #333;
    margin:0 13px;
    padding:10px 0 0px;
}

#medals-rsb .medals-box .default-row, #medals-rsb .medals-box .row {
	padding:10px 0;
}

#medals-rsb table tr {
	padding:0 3px;
}

#medals-rsb .medals-box .default-row div, #medals-rsb .medals-box .row .collapse-group .collapse div {
    background:none;
    display:inline-block;
    border:none;
    width:85px;
    padding:0;
    margin:2px;
}

#medals-rsb .medals-box div div h1 {
    margin:-10px;
}

#medals-rsb .medals-box div img{
    width:70px;
    margin:7px;
}

#medals-rsb .medals-box ul li #see-all {
	background:#333;
	color:white;
	padding:4px 6px;
	position:relative;
	top:14px;
	left:55px;
	box-shadow:0 0 3px #888;
	font-size:8pt;
}

#medals-rsb .medals-box ul li #see-all:hover {
	color:#ffb400;
}

.checkbox-deselect {
display:block;
width: 100px;
height: 100px;
float:left;
    margin:-105px -45px 15px 15px;
}

input[type=checkbox]:checked ~ .checkbox-deselect {
display: block;
width: 100px;
height: 100px;
background: url('../img/ben.png') no-repeat 0 0;
float:left;
margin:-105px -45px 15px 15px;

}

.checklist{
    height: 100px;
    width: 100px;
    position:relative;
    left:-22px;
    margin:5px -90px;
    opacity:0;
}

.checklist:hover {
cursor:pointer;
}

#study_icons, #reading_icons {             /* these are the images on the study page that lead to "timeline," etc */
    text-align:center;
    font-size:8pt;
    margin:-30px auto 20px;
}

#study_icons td img, #reading_icons td img {
    height:65px;
    margin:10px 17px 0px;
		box-shadow:0 0 5px black;
    border-radius:300px;
}

#study_icons td img:hover, #reading_icons td img:hover {
    box-shadow:0 0 10px white;
}


#study_icons td a, #reading_icons td a {
    color:#ddd;
    text-decoration:none;
}

.thickbox {
    width:80px;
}


table.study-options {
    margin:auto;
    padding:10px;
    font-size:10pt;
    width:100%;
    border-collapse:collapse;
}

table.study-options tr {
    padding:5px 0;
}

table.study-options td.test-section-two{
    padding:0 0 0 10px;
}

table.study-options td {
    padding:5px;
    text-align:left;
}

img.study_qdiv_img:hover {
	opacity:0.5;
}




/* ACADEMY PROFILE */

.profile-edit-link{
    font-size:8pt;
    color:#9c0604;
    text-decoration:none;
}

.content {
height:auto;
}

.dropdown {
list-style-type:none;
}

.dropmenu-head, li, h2 { 
    margin-bottom:0px;
}

.dropmenu-head, .dropmenu-head-notenrolled { 
    display:block;
    color:#9c0604;
    padding: 0 10px;
    text-decoration:none;
    width:-moz-fit-content;
}
    
.dropmenu-head:hover {
    color:#f7ae0c;
}

.dropmenu-head-notenrolled:hover {
    color:#9c0604;
    cursor:default;
}

.dropmenu-head-notpurchased { 
    display:block;
    color:gray;
    padding: 0 10px;
    text-decoration:none;
    width:-moz-fit-content;
}

.dropmenu-head-notpurchased {
    color:gray;
    cursor:default;
}

.dropdown li {
    margin:0 10px 0px;
}

.dropmenu-content { 
    display:none;
    margin: 20px 0 30px 10px;
    width:96%;
    font-size:10pt;
}

.dropmenu-content li { 
    overflow:hidden;
    position:relative;

}

#profile-wrapper {
    float:left;
    width:600px;
    margin:0 0 50px;
}

#profile-vert-bar {
    width:230px;
    background:#F8F1DB;
    border:1px solid #ccc;
    float:left;
    margin:0 0 20px;
}


#profile-vert-bar div {
    width:90%;
    border-bottom:1px solid #ccc;
    margin:0 auto;
    font-size:8pt;
    text-align:center;
    padding:10px 0;
}

#students div {
    background:white;
    height:100%;
    width:100%;
    border:1px solid #ccc;
    margin:5px 0;
}

#students div img{
    width:47px;
    display:inline-block;
    margin:3px;
}

#profile-vert-bar #medals {
    border:none;
}

#medals div {
    background:white;
    width:100%;
    border:1px solid #ccc;
    margin:5px 0;
}

#medals div div {
    background:none;
    display:inline-block;
    border:none;
    width:85px;
    padding:0;
}

#medals div div h1 {
    margin:-10px;
}

#medals div img{
    width:70px;
    margin:7px;
}
#medals a #see-all {
	background:#333;
	color:white;
	padding:4px 6px;
	position:relative;
	top:-16px;
	left:66px;
	height:10px;
	line-height:10px;
	width:55px;
}

#medals a #see-all:hover {
	color:#ffb400;
}


#profile-info-block {
    height:135px;
    background:#F8F1DB;
    border:1px solid #ccc;
    float:left;
    width:605px;
    margin:0 30px;

}

#profile-info-block .profile-head img {
    width:30px;
    margin:-5px;
}

#profile-info-block img {
    width:20px; 
    margin:10px 5px -6px 25px;
}

#profile-class-block {
    float:left;
    width:605px;
    background:#F8F1DB;
    border:1px solid #ccc;
    float:left;
    margin:15px 30px 0;

}

table.profile-head {
    background:#414F34;
    width:605px;
    color:white;
    font-size:13pt;
    padding:5px 10px;
}

table.profile-sub-head {
    background:#FFCC00;
    width:605px;
    color:darkgreen;
    font-size:13pt;
    padding:5px 10px;
}

#profile-class-block .profile-head img {
    height:30px;
    margin:-5px;
}

table.progress {                 /* this table is used to track ALL ACTIVE progress */
    border:1px solid #CCCCCC;
    font-size:10pt;
    width:100%;
    background:white;
    border-collapse:collapse;
}

table.progress th {
    border:1px solid #CCCCCC;
    border:1px solid #CCCCCC;
    text-align:center;
    padding:5px;
}

table.progress td {
    border:1px solid #CCCCCC;
        text-align:center;
    padding:5px;
}

table.addclass-reading {                 /* this table is used on the "add classes" page */
    border:1px solid #CCCCCC;
    font-size:10pt;
    width:100%;

}

table.addclass-reading th {
    border:1px solid #CCCCCC;
    border:1px solid #CCCCCC;
    text-align:center;
    padding:5px;
}

table.addclass-reading td {
    border:1px solid #CCCCCC;
        text-align:center;
    padding:5px;
}

table.profile-parent-override {
    position:relative;
    background:#ffe1cd;
    top:-35px;
    width:87%;
    padding:10px;
    outline:10px solid #941005;
    margin:35px auto 5px;
}

table.class-links {
    font-size:10pt;
    margin:0px 20px 30px;
}

.change-color-on-hover {   /* For general use, when wanting to make the opacity of an icon darken on hover */
	opacity:0.4;	
	cursor:pointer;
}
.change-color-on-hover:hover {    
    opacity:0.8;
}

.change-color-on-hover-darktolight:hover {  /* For general use, when wanting to make the opacity of an icon lighten on hover */
	opacity:0.5;
}