*{
	margin:0;
	padding:0;
}

* a {
    color:darkred;
    text-decoration:none;
}

* a:hover {
    color:#FFB200;
}

 a:active {
   outline: none;
}

a:focus {
   outline: none;
}

a img {
	border:0
}

#headpage a {
	color: white;
	font-variant:small-caps;
	font-size:120%;
}

#headpage a:hover {
	color: gold;
	font-variant:small-caps;
	font-size:120%;
}

#headpage {
    text-align:center;
    background:url('/site/img/saints_heroes.jpg');
    height:90px;
}

#headpage table {
    width:110%;
    height:90px;
}

b.profile-library-link-inactive {
	color: darkgray;
}

b.profile-library-link-active {
	color: darkred;
}

b.profile-library-link-active:hover {
	color: darkgoldenrod;
}

b.profile-library-link-inactive:hover {
	color: darkslategrey;
}

.black-underline {
    color:black;
    text-decoration:underline;
}

.section-title-hyperlink {
    color:#777;
}

li {
		margin: 10px 20px;
	}
	
td {
}

h1 {
    color: #7F8184;
    font-size: 18pt;
    margin: 0 auto 20px;
    text-align: center;
}

h2 {
    color:#545658;
    font-size:18pt;
    font-weight:lighter;
    margin: 0 auto 20px;
    text-align: center;

}



#text h1, #reference h1 {
    color:#7F8184;
    font-size:18pt;
    text-align:center;
    margin:0 auto 20px;
}

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


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

body {
	font-size:10pt;
    font-family:Arial;
    background:url("/site/img/parchment.jpg") repeat scroll 0 0 transparent;
}

.addthis_toolbox {
    height:10px;
}


#options-wrapper {
    height:20px;
    background:#BEB093;
}

#options {
    width:1050px;
    padding:0 113px;
    position:relative;
    margin:0 auto;
}

#options li {  
    color:black;
    display:inline;
    height:15px;
    padding: 0 0 0 45px;
    float:right; 
    list-style-type:none; 
    margin:1px 0;
    text-align:center;
}

#options li a {
    text-decoration:none;
    color:black;
    font-size:9pt;
}

#options li a:hover {
    text-decoration:none;
    color:white;
    font-size:9pt;
}

#options li a:focus {
    text-decoration:none;
    color:#FFB200;
}

/* Login / Register Info */
.sidetip {
    display: inline-block;
    margin: 0;
    padding-left: 5px;
    color: blue;
    font-size: 9pt;
}

#wrapper .content, #upload .content {
	height:197px;
	margin:0 auto;
	width:345px;
	font-size:11pt;
}


#wrapper .content .input-username {
	height:40px;
	font-size:14pt;
	width:319px;
	margin:15px 0 6px;
}

.content #res_user {
	font-size:11pt;
	text-decoration:underline;
	cursor:pointer;
	margin:0;
}

.content #forgotpw {
	font-size:11pt;
	text-decoration:underline;
	cursor:pointer;
	margin:0;
}

.content #reg {
	font-size:11pt;
	text-decoration:underline;
	cursor:pointer;
	margin:0 0 0 50px;
}

#login-topbar {
    background: none repeat scroll 0 0 #414F34;
    color: white;
    height: 55px;
    left: -25px;
    padding: 20px 0;
    position: relative;
    top: -25px;
    width: 104.5%;
}

.reg-content {
	height:187px;
	margin:-20px auto 0;
	width:430px;
	font-size:11pt;
}

.input-info, .input-info1 {
	height:25px;
	font-size:11pt;
	padding:0 5px;
	width:185px;
	margin:7px 0;
}
.input-info1 {
	margin:7px 23px 7px 0;
}

.reg-content .selector select {
	width:430px;
	height:23px;
	font-size:10pt;
	margin:7px 0;
}

#wrapper .login-footer {
	background:url("/site/img/login-box-footer.png");
	height:143px;
	margin:25px -15px -15px;
	width:530px;	
}

#wrapper .login-footer .newuser {
	position:relative;
	margin:0 0 -16px;
	left:35px;
	top:15px;
	font-size:11pt;
	width:80%;
}

.button #log,.button #reg  {
	background:url("/site/apps/catholic/img/glossy_featurebox_login.png") repeat scroll center top transparent;
	height:65px;
	border-radius:10px;
	width:150px;
	font-size:18pt;
	float:left;
	margin:45px 0px 0 190px;
}

.button #student_reg, .button #parent_reg, .button #instructor_reg {
	background:url("/site/apps/catholic/img/glossy_featurebox_login.png") repeat scroll center top transparent;
	height:65px;
	border-radius:10px;
	width:150px;
	font-size:14pt;
	float:left;
	margin:30px 30px 0 0;
}

.button #instructor_grayed {
    background:url("/site/apps/catholic/img/glossy_featurebox_login_null.png") repeat scroll center top transparent;
    height:65px;
    border-radius:10px;
    width:150px;
    font-size:14pt;
    float:left;
    color:#ccc;
    margin:30px 30px 0 0;
    text-shadow:none;
    cursor:default;
}

.button #reg_go {
	margin:40px 0 0 0;
}

.loading-gif {
	position:relative;
	z-index:99;
	left:0px;
	top:180px;
	height:0;
}

.loading-gif img {
	width:500px;
}

/* End Login Info */


#logo {
    float:left; 
    width: 30%; 
}


#nav {
    width:380px;
    float:left;
    padding:10px 85px;
    margin:0;
}

#nav .mainmenu {
    height:90px;
    margin:0 15px;
    float:left;
    width:90px;
}

#nav .library img {
	    width: 90px;
}

#nav .products img {
	    width: 90px;
}
	 	 
#nav .academy img {
	    width: 90px;
}

#nav .games img {
	    width: 90px;
}

#nav .mainmenu-selected img {
	width:90px;
}
	 


#nav .mainmenu-selected {
    height:90px;
    margin:0 15px;
    float:left;
    width:90px;
}

#user_panel_outer {
   width: 30%; 
   float: left;
}

/*Navigation Bar*/

.no-js nav li:hover ul { display:block; }


/* base submenu styles */


#submenu { 
  display:block;  
  text-align:center; 
	box-shadow:0 2px 3px black;
  background:url("/site/img/submenu_ul.jpg");
  height:35px;
  margin:0 auto 10px;
  width:650px;
}

#submenu ul { 
    padding:0; 
    margin:0 auto 10px;

}

#submenu li { 
		margin: 0px 0px;
    display:inline;
    position:relative; 
    height:35px;
    float:left; 
    list-style-type:none; 
    font-size:11pt;
    width:25%;
    background:url("/site/img/submenu_li.jpg")
}

#submenu li:last-child {
    background:url("/site/img/submenu_li_lastchild.jpg");
}



#submenu li a { 
    display:block; 
    padding:10px 0; 
    color:white;
    text-decoration:none;
    font-size:10pt;
    font-weight:bold;
     
}

#submenu li a:hover { 
    height:15px; 
    text-decoration:none;
    background:url("/site/img/submenu_li_hover.jpg");
    color:white;
}

#submenu li:last-child a:hover {
        background:url("/site/img/submenu_li_lastchild_hover.jpg");
}

#submenu li a.sub-selected { 
    height:15px; 
    text-decoration:none;
    background:url("/site/img/submenu_li_hover.jpg");
    color:white;
}

#submenu li:last-child a.sub-selected {
        background:url("/site/img/submenu_li_lastchild_hover.jpg");
}

#submenu li a:focus { 
    display:block;
    height:17px;
    color:white; 
    text-decoration:none; 
    background:url("/site/img/submenu_li_hover.jpg");
}

#submenu li:last-child a:focus {
        background:url("/site/img/submenu_li_lastchild_hover.jpg");
}

#submenu a span {
    display:block; 
    float:right;
}

/*MAIN BODY*/


/* LEFT SIDE BAR <--This sidebar is used on the "online reading" pages; do NOT delete please! */

#leftsidebar {
    position:absolute;
    height:100%;
    width:185px;
    background:#000000;
    padding:0px 15px 0 0;
    text-align:right;
    font-size:9pt;
    overflow:auto;
}

/* END LEFT SIDE BAR */

/* RIGHT SIDE BAR */

#rightsidebar {
    height:100%;
    width:220px;
    background:#BEB093;
    position:absolute;
    right:0;
}

#rightsidebar .advert {
    color:black;
    padding:0;
    text-align:center;
}

#rightsidebar .advert .rsb-text {
	padding:30px 20px;
}

#rightsidebar .advert a {
	color:black;
}

#rightsidebar .advert a:hover {
	color:white;
}

#rightsidebar .quote {
		background:white;
		border-radius:15px;
		padding:10px 7px 7px;
		margin: 0 0 31px;

}

.quote center {
		text-align:left;
}

.advert .quote-tail {
		position:relative;
		left:-25px;
		top:-35px;
}

.quote-char {
	padding:3px 0 0 0;
	height:5px;
	position:relative;
	right:-30px;
	top:0
}

.quote-char img {
	height:100px;
	}

.quote .quotation {
		color:#941005; 
		float:left; 
		width:25px; 
		height:15px; 
		line-height:30px;
		font-size:34pt; 
		font-family:serif;
}

#rightsidebar #search {
    background:black;
    width:100%;
    height:35px;
}

#search input {
    margin:5px;
    height:20px;
    border-radius:15px;
    padding:0 10px;
    width:167px;
	 -webkit-box-shadow:4px 2px 7px #CCCCCC inset;
	 box-shadow:4px 2px 7px #CCCCCC inset;  
}

.review-img img {
	height:72px;
	float:left;
	padding:0 10px 10px 0;
}

/* END RIGHT SIDE BAR */

#necessarydiv {
	max-width:650px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}

#bodycontent_wrapper {
	width:100%;
	height:auto;
	box-shadow:0 0 10px black;
	margin:0 auto;
}

#bodycontent {
    height:auto;
    width:100%;
    position:relative;
}

#text {
    text-align:justify;
    font-size:11pt;
    min-height:660px;
    background: cornsilk;
    padding: 15px 50px;
}

#text p, #reference p {
    margin:12px 0;
}

#text li, #reference li {
	margin: 8px 25px;
//  font-size: 90%;
//	list-style-position: inside;
	text-align: left;
	}

#text blockquote, #reference blockquote {
	margin: 16px 30px;
}

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

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

#text td {
	text-align: left;
//  font-size: 90%;
	vertical-align:top;
	padding: 3px 10px; 
}

#text table {
	margin:20px auto;
}
       
#reference {
    float:left;
    padding:50px 50px 30px;
    text-align:justify;
    width:650px;
    font-size:10pt;
}

.help {
    position:absolute;
    width:40px;
}

.help img {
    width:30px;
    cursor:help;
}

.download {
position:absolute;
right:225px;
top:10px;
}

.cookie-trail {
position:absolute;
top:10px;
left:55px;
font-size:8pt;
height:25px;
}
.cookie-trail a {
text-decoration:underline;
color:black;
}

.cookie-trail a:hover {
color:#cc0000;
}

.cookie-trail a-selected {
text-decoration:none;
}

/* OPENING PAGE */

#acad-text #landingpage_clickhere {
    width:250px;
    float:left;
    margin:25px;
}

#acad-text #landingpage_clickhere img {
    border:7px solid #bbb;
    border-radius:105px;
    height:200px;
    width:200px;
    margin:15px 30px;
    cursor:pointer;
}

.li {
    background: #555;
    cursor:pointer;
    list-style-type:none;
    height:12px;
    padding:28px 20px;
    text-align:center;
    width:145px;
    border:1px solid #bbb;
    cursor:pointer;
    font-size:12pt;
    color:white;
}
.li2 {
    background: #eee;
    cursor:pointer;
    list-style-type:none;
    height:12px;
    padding:28px 20px;
    text-align:center;
    width:145px;
    border:1px solid #bbb;
    cursor:pointer;
    font-size:12pt;
}
.li3 {
    background: #eee;
    cursor:pointer;
    list-style-type:none;
    height:12px;
    padding:28px 20px;
    text-align:center;
    width:145px;
    border:1px solid #bbb;
    cursor:pointer;
    font-size:12pt;
}
.li4 {
    background: #eee;
    cursor:pointer;
    list-style-type:none;
    height:12px;
    padding:28px 20px;
    text-align:center;
    width:145px;
    border:1px solid #bbb;
    cursor:pointer;
    font-size:12pt;
}

td.landingpage_info_switch {
    padding:0 30px;
    font-size:10pt;
    text-align:left;
    line-height:20px;
}

.landingpage-vid {
    border-collapse:collapse;
    float:left;
    width:470px;
    background:#ddd;
    border-radius:10px;
}

/* END OPENING PAGE */

/* BOOK READER */

#backbutton {
	float:left;
	font-size:11pt;
}

#nextbutton {
	float:right;
	font-size:11pt;
}

#reader {
    float:right;
    padding:15px 30px 50px;
    text-align:justify;
    width:550px;
    margin: 0 0px;
    font-size:11pt;
    min-height:660px;
}

#reader p {
    margin:15px 0;
}

.readertitle {
    line-height:35px;
    color:white;
    font-size:13pt;
    width:700px;
    margin:0 auto;
}

/* END BOOK READER */

/* THESE ARE A BUNCH OF TABLES, EACH WITH ITS OWN PARAMETERS (LISTED BELOW) */

table.center {         /* this table is used on the "reviews" and "ebooks" pages; text is aligned to the left; font size is smaller than regular text */
    margin:auto;
    padding:10px;
    font-size:10pt;
    border-collapse:collapse;
}

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

table.center td.battlepages-info {
    padding:0px 5px;
}

table.story-links td {
    padding:5px;
   font-size:10pt;
}
table.story-links {
    margin:auto;
    padding:10px;
    font-size:10pt;
    border-collapse:collapse;
}

table.booklist {         /* this table is used on the "books" and "series" pages; it is centered with minimal spacing between rows; font size is smaller than regular text */
    margin:auto;
    padding:0 10px;
    font-size: 10pt;
    border-collapse:collapse;
}

table.booklist td {
    padding:2px 5px;
    text-align:left;
}

.results_head {          /* use this class listing if you want your row or column to have a red background and white text (i.e. "curriculum cds" page) */
    background:#9c0604;
    color:white;
    height:30px;
    text-align:center;
    font-size:11pt;
}

.results_head_green{          /* use this class listing if you want your row or column to have a yellow background and white text */
    background:#414f34;
    color:white;
    height:30px;
    text-align:center;
    font-size:11pt;
}

.results_head_blue {          /* use this class listing if you want your row or column to have a blue background and white text */
    background:#3a90b4;
    color:white;
    height:30px;
    text-align:center;
    font-size:11pt;
}

table.search_images {   /* this table contains the data for the search filters box on the "images" page */
    background:#9c0604; 
    padding:10px 30px; 
    margin:14px 30px 50px;
    width:650px;
    height:20px;
    float:left;
    font-size:9pt;
    color:white;
}

table.reference_results {
	border-collapse:collapse;
}

table.search_books {   /* this table contains the data for the search filters box (it's invisible, but trust me, it's there) on the "books" page */
    padding:5px 50px; 
    margin:14px 30px 25px;
    width:650px;
    float:left;
    border-top:2px solid #9c0604;
}
table.wars-battles {
	font-size:9pt;
	margin:0 auto;
	border-collapse:collapse;
	padding:10px;
	width:655px;
	background:#f8f1db;
	border:1px solid #ccc;
}

table.char-header {
	width:90%;
	padding:10px 25px;
	border-collapse:collapse;
	float:left;
	width:300px;
}

table.char-header td { 
	padding:2px 0;
}

#maps {      /* this table class is used ONLY on map pages */
    width:100%;
    position:relative;
    background:#F8F1DB;
    height:175px;
    text-align:center;
    height:100%;
    border-radius:10px;
    box-shadow:0 0 5px #ccc;

}

#maps div {
    font-size:9pt;
    margin:5px auto;
    padding:4px;
    display:inline-block;
}

#maps a {
    text-decoration:none;
}

table.compare { /* this table is used in the "products" section to compare prices */
    border-collapse:collapse;
    text-align:left;
    width:100%;
}

table.compare td {
    padding:9px;
}

table.compare tr.odd {
    background:#f8f1db;
    height:40px;
}

table.compare tr.even {
    height:40px;
}

table.compare .border {
    border-left:2px solid #ccc;
    border-right:2px solid #ccc;
    width:115px;
    text-align:center;
    font-size:12pt;
    font-weight:bold;
}

table.compare th.border-head {
    border:2px solid white;
    width:90px;
    text-align:center;
    background: darkgreen;
    color: #FEF79A;
		text-shadow: 0px 2px 3px black;
    height:85px;
    border-radius:15px 15px 0 0;
    font-size:12pt;
    padding:15px 0;
    border-bottom:none;
}
table.compare th.border-head button {
font-size:10pt;
}

table.compare th.border-head h4 {
    margin:5px;
    font-size:30pt;
}

/* TABS <-- these refer to the search/sort filters used on the "books" and "images" pages */

ul.tabs {
    margin: 0px 28px -33px;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
}
ul.tabs li {
    float: left;
    margin: 0px 2px;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    background: #efe2ba;
    overflow: hidden;
    position: relative;
    font-weight:bold;
}

ul.tabs li a {
	color:black;
	line-height:20px;
	padding:10px 30px;
}

ul.tabs li:hover {
    background: #f8f1db;
}
ul.tabs li.active{
    background: #9c0604;
    color:white;
}
ul.tabs li.active a {
    color:white;
}
.tab_container {
    clear: both;
}

.tab_container h2 {
    text-align:center;
}

.tab_container h3 {
    text-align:center;
}

.tab_content {
    display: none;
}

/* END TABS */



.toc-heading {
    color:white;
    text-align:center;
    margin:15px auto 5px;
    font-size:14pt;
}

.chapter {
    text-decoration:none;
    color:#ffb200;
}

.chapter:hover {
    color:red;
}


.active-chapter {
    color:white;
}




/* Reading Level */

.advanced{
	color: red;
    text-decoration:underline;
}
.intermediate {
	color: #803000;
    text-decoration:underline;
}
.grammar {
	color: green;
    text-decoration:underline;
}

#character-link-full a {
	text-decoration: underline;
    	color:              #006A25;
	font-weight:        500;
	}

#character-link-pseudo a {
	text-decoration: underline;
    	color:              olive;
	font-weight:        500;
	}
#war-link-pseudo a {
	text-decoration: underline;
    	color:              #E5325E;
	font-weight:        500;
	}
#war-link-full a {
	text-decoration: underline;
    	color:              #A90017;
	font-weight:        500;
	}


.hotlink {
	text-decoration: none;
	color: firebrick;
}

.hotlink:hover {
	text-decoration: underline;
}

/*PRODUCTS PAGE*/

#shield a img {
    position:relative; 
    width:40px; 
    top:-30px; 
    left:140px; 
    margin:-16px;
}
 
 #shield a img:hover {
    cursor:pointer;
}

/*FOOTER*/

#footer a {
	color: white;
}

#footer a:hover {
	color: gold;
}

#footer {
    clear:both;
    margin:10px auto 0;
    text-align:center;
    font-size:10pt;
    color:#aaa;
    background:url('/site/img/footer.jpg');
    padding:30px 0;
    height:70px;
    font-size:9pt;
}

#footer table {
    width:450px;
    list-style-type:none;
    font-size:10pt;
    margin:0 auto;

}

#footer table td {
    margin:0 20px;
}

    /*
     * css directives for poems
     */
table.poem td   {
	font-family:   Arial;
       	font-size:   11pt; 
 }
table.poem {margin-top:    2em;
            margin-right:  0em;
            margin-bottom: 2em;
            margin-left:   0;
            }

P.SMALLHI   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   .25in;
        text-indent:   -2em;
        font-size: 85%}


P.RIGHT {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   .25in;
        text-align:    right;
        text-indent:   0em}





P.L10   {margin-top:    0em;
        margin-right:  0em;
        margin-bottom: 0em;
        margin-left:   10.4em;
        text-indent:   0em}

P.L11   {margin-top:    0em;
        margin-right:  0em;
        margin-bottom: 0em;
        margin-left:   11.4em;
        text-indent:   0em}

P.L12   {margin-top:    0em;
        margin-right:  0em;
        margin-bottom: 0em;
        margin-left:   12.4em;
        text-indent:   0em}

P.L13   {margin-top:    0em;
        margin-right:  0em;
        margin-bottom: 0em;
        margin-left:   13.4em;
        text-indent:   0em}

P.L14   {margin-top:    0em;
        margin-right:  0em;
        margin-bottom: 0em;
        margin-left:   14.4em;
        text-indent:   0em}

P.L15   {margin-top:    0em;
        margin-right:  0em;
        margin-bottom: 0em;
        margin-left:   15.4em;
        text-indent:   0em}


P.V0   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   .50in;
        text-indent:   0in}

P.V0SQ {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   .50in;
        text-indent:   -.04in}

P.V0DQ {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   .50in;
        text-indent:   -.08in}

P.V1   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   .75in;
        text-indent:   0in}

P.V1SQ {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   .75in;
        text-indent:   -.04in}

P.V1DQ {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   .75in;
        text-indent:   -.08in}

P.V2   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   1.00in;
        text-indent:   0in}

P.V2SQ {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   1.00in;
        text-indent:   -.04in}

P.V2DQ {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   1.00in;
        text-indent:   -.08in}

P.V3   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   1.25in;
        text-indent:   0in}

P.V3SQ {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   1.25in;
        text-indent:   -.04in}

P.V3DQ {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   1.25in;
        text-indent:   -.08in}

P.V4   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   1.50in;
        text-indent:   0in}

P.V4SQ {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   1.50in;
        text-indent:   -.04in}

P.V4DQ {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   1.50in;
        text-indent:   -.08in}

P.V5   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   1.75in;
        text-indent:   0in}

P.V5SQ {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   1.75in;
        text-indent:   -.04in}

P.V5DQ {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   1.75in;
        text-indent:   -.08in}

P.V6   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   2.00in;
        text-indent:   0in}

P.V6SQ {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   2.00in;
        text-indent:   -.04in}

P.V6DQ {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   2.00in;
        text-indent:   -.08in}

P.V7   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   2.25in;
        text-indent:   0in}

P.V7SQ {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   2.25in;
        text-indent:   -.04in}

P.V7DQ {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   2.25in;
        text-indent:   -.08in}

P.V8   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   2.50in;
        text-indent:   0in}

P.V9   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   2.75in;
        text-indent:   0in}

P.VA   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   3.00in;
        text-indent:   0in}

P.VB   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   3.25in;
        text-indent:   0in}

P.VC   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   3.50in;
        text-indent:   0in}

P.VD   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   3.75in;
        text-indent:   0in}

P.VE   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   4.00in;
        text-indent:   0in}

P.VF   {margin-top:    0in;
        margin-right:  .25in;
        margin-bottom: 0in;
        margin-left:   4.25in;
        text-indent:   0in}

/*Ben's user panel css. needs to be moved to the appropriate section*/
#user_panel {
	height:68px;
	width:250px;
	position:absolute;
	padding:8px 0;
	background:url('/site/apps/catholic/img/panel_image.png');
	margin:13px 0;
}

#panel_image{
	position:absolute;
	border:1px solid black;
	right:10px;
	height:60px;
	top:10px;
}

#panel_text{
	position:absolute;
	left:15px;
	top:15px;
	height:50px;
	font-size:9pt;
}

#panel_text a {
		color:#b21111;
}

#panel_text a:hover {
		color:white;
}

.button #getstarted {
	background: url("/site/apps/catholic/img/glossy_featurebox_login.png") repeat scroll center top transparent;
    border-radius: 10px 10px 10px 10px;
    font-size: 16pt;
    height: 50px;
    width: 140px;
    line-height:50px;
    top:-30px;
    left:445px;
    position:relative;
    	box-shadow:0 3px 3px #555;
  }
  
.newsletter-splash {
	position:relative;
	top:-10px;
	right:-25px;
	height:0;
	z-index:2;
}

.newsletter-splash img {
	opacity: 0.6;
	height:200px;
}

.newsletter-splash:hover img {
	opacity: 1.0;
	height:200px;
}

div.cta-button :hover {
	background: url("/site/img/submenu_li_hover.jpg");
}
	
#landing-page-grey {
	height:650px;
	box-shadow:0 4px 5px #555;
	padding:40px 30px 0;
	background: url("/site/img/landingpage-box-800.jpg");

}
	
#landingpage-text h1 {
	color:black;
}
	
	
#landingpage-text {
    float:left;
    padding:0 0 0px;
    text-align:justify;
    font-size:11pt;
}

table.landingpage-options-wrapper {
	padding:10px 50px 0;
}

table.landingpage-options .title a {
	color:black;
}

table.landingpage-options .title a:hover {
	color:#3a90b4;
}


table.landingpage-options td {
	font-size:9pt;
	text-align:center;
	width:245px;
	padding:10px 15px;
}

img.landingpage-icon {
 border:6px solid #ddd;
 padding:5px;
 border-radius:50px;
}

#study-sidebar {
	float:left;
	margin:10px 0 0 0;
	background:#4b3425;
	padding:40px 0 0;
	border-radius:30px 0 0 30px;
	box-shadow:0 0 10px black;
	width:113px;
}

/* CART/CHECKOUT */

table.cart {
	width:90%;
	border-collapse:collapse;
	margin:0 auto;
	
}

table.cart td {
padding:7px 5px;
}

.placeholder { color: #aaa; }


/* EVERYTHING FROM HERE DOWN REFERS TO THE TOOLTIP!! */

html {
	 
-webkit-font-smoothing: antialiased;

}



/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */


.tooltipster-default {
	
	border: 2px solid #000;
	
	background: #4c4c4c;
	
	color: #fff;

}


/* Use this next selector to style things like font-size and line-height: */

.tooltipster-default .tooltipster-content {
	
	font-family: Arial, sans-serif;
	font-size: 11px;

	line-height: 16px;

	padding: 5px 10px;

	overflow: hidden;

	text-align:left;

}



/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style theme */
.tooltip-icon {
	cursor: help;
	margin-left: 4px;
}

.tooltip-icon .tooltipster-content {
    
}






/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */

.tooltipster-arrow {

	display: block;
	
	text-align: center;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

}


.tooltipster-arrow span, .tooltipster-arrow-border {

	display: block;

	width: 0;
 
	height: 0;

	position: absolute;

}


.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {

	border-left: 8px solid transparent !important;

	border-right: 8px solid transparent !important;

	border-top: 8px solid;

	bottom: -8px;

}


.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {

	border-left: 9px solid transparent !important;

	border-right: 9px solid transparent !important;

	border-top: 9px solid;

	bottom: -8px;

}



.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {

	border-left: 8px solid transparent !important;

	border-right: 8px solid transparent !important;

	border-bottom: 8px solid;

	top: -8px;
}


.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {

	border-left: 9px solid transparent !important;

	border-right: 9px solid transparent !important;

	border-bottom: 9px solid;

	top: -8px;


}


.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {

	left: 0;

	right: 0;

	margin: 0 auto;

}


.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {

	left: 6px;

}


.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {

	left: 5px;

}


.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {

	right: 6px;

}


.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {

	right: 5px;

}


.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {

	border-top: 8px solid transparent !important;

	border-bottom: 8px solid transparent !important;
 
	border-left: 8px solid;
	
	top: 50%;

	margin-top: -7px;

	right: -8px;

}


.tooltipster-arrow-left .tooltipster-arrow-border {

	border-top: 9px solid transparent !important;

	border-bottom: 9px solid transparent !important;
 
	border-left: 9px solid;

	margin-top: -8px;

}


.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {

	border-top: 8px solid transparent !important;

	border-bottom: 8px solid transparent !important;
 
	border-right: 8px solid;

	top: 50%;

	margin-top: -7px;

	left: -8px;

}


.tooltipster-arrow-right .tooltipster-arrow-border {

	border-top: 9px solid transparent !important;

	border-bottom: 9px solid transparent !important;
 
	border-right: 9px solid;

	margin-top: -8px;

}



/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */


.tooltipster-fade {

	opacity: 0;

	-webkit-transition-property: opacity;

	-moz-transition-property: opacity;

	-o-transition-property: opacity;

	-ms-transition-property: opacity;

	transition-property: opacity;

}


.tooltipster-fade-show {

	opacity: 1;

}



.tooltipster-grow {

	-webkit-transform: scale(0,0);

	-moz-transform: scale(0,0);

	-o-transform: scale(0,0);

	-ms-transform: scale(0,0);

	transform: scale(0,0);

	-webkit-transition-property: -webkit-transform;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	-ms-transition-property: -ms-transform;

	transition-property: transform;

	-webkit-backface-visibility: hidden;

}


.tooltipster-grow-show {

	-webkit-transform: scale(1,1);

	-moz-transform: scale(1,1);

	-o-transform: scale(1,1);

	-ms-transform: scale(1,1);

	transform: scale(1,1);

	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

}



.tooltipster-swing {

	opacity: 0;

	-webkit-transform: rotateZ(4deg);

	-moz-transform: rotateZ(4deg);

	-o-transform: rotateZ(4deg);

	-ms-transform: rotateZ(4deg);

	transform: rotateZ(4deg);

	-webkit-transition-property: -webkit-transform, opacity;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	-ms-transition-property: -ms-transform;

	transition-property: transform;

}


.tooltipster-swing-show {

	opacity: 1;

	-webkit-transform: rotateZ(0deg);

	-moz-transform: rotateZ(0deg);

	-o-transform: rotateZ(0deg);

	-ms-transform: rotateZ(0deg);

	transform: rotateZ(0deg);

	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);

	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 

	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);

}



.tooltipster-fall {

	top: 0;

	-webkit-transition-property: top;

	-moz-transition-property: top;

	-o-transition-property: top;

	-ms-transition-property: top;

	transition-property: top;

	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 

	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 

	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 

	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 

}


.tooltipster-fall-show {
}


.tooltipster-fall.tooltipster-dying {

	-webkit-transition-property: all;

	-moz-transition-property: all;

	-o-transition-property: all;

	-ms-transition-property: all;

	transition-property: all;

	top: 0px !important;

	opacity: 0;

}



.tooltipster-slide {

	left: -40px;

	-webkit-transition-property: left;

	-moz-transition-property: left;

	-o-transition-property: left;

	-ms-transition-property: left;

	transition-property: left;

	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 

	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

}


.tooltipster-slide.tooltipster-slide-show {
}


.tooltipster-slide.tooltipster-dying {

	-webkit-transition-property: all;

	-moz-transition-property: all;

	-o-transition-property: all;

	-ms-transition-property: all;

	transition-property: all;

	left: 0px !important;

	opacity: 0;

}




/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */

.tooltipster-content-changing {

	opacity: 0.5;

	-webkit-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	transform: scale(1.1, 1.1);

}

/* Hide datepicker calendar days */

.ui-datepicker-calendar {
    display: none;
 }
 
/* OLD READ CSS */
#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 5px 30px;
    text-align:justify;
    font-size:11pt;
    min-height:660px;
}

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

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

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

#read {
    margin:50px auto;
    text-align:justify;
     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("/site/apps/catholic/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(/site/apps/catholic/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(/site/apps/catholic/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(/site/apps/catholic/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(/site/apps/catholic/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(/site/apps/catholic/img/glossy_featurebox_header_doublewide.png) center top;
}
	
#pagetitle {
    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 {
   float:left;
    height:100%;
    text-align:center;
    font-size:9pt;
    background: url("/site/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('/site/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;
     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;
    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 {
    width:100%;
    background:ivory;
    border:1px solid #ccc;
    margin: 5px auto 0px;

}

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

table.profile-sub-head {
    background:#FFCC00;
    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: 2px solid #CCCCCC;
    font-size:10pt;
    width:100%;
    background:white;
    border-collapse:collapse;
}

table.progress th {
    border:0px solid #CCCCCC;
    border:0px 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:moccasin;
//    top:-15px;
    width:97%;
    padding:0px;
    outline:6px solid darkred;
    margin:5px 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;
}

/* OLD TEST CSS */

th {
	padding: 2px 5px;
	}
	
#test-shadowbox-contents {
    height: 100%;
    text-align: center;
    font-size:11pt;
}

#thickbox-topbar {
    background:#414F34;
    width:105%; 
    height:60px;
    padding:30px 0 20px;
    position:relative;
    top:-25px;
    color:white;
overflow:hidden;
}

#test-panel{
	text-align: center;
	position: relative;
}

#test-panel h1 {
	text-align: center;
}

#quit-test{
	position:absolute;
	top: 0;
	right:0;
    z-index:999;
}

#beta-study-issue{
	position:absolute;
	top: 0;
	left:0;
    z-index:999;
}

#test-question {
  background:url(/site/apps/catholic/img/3x5card.png);
  margin: 0 auto;
  width: 450px;
  height: 150px;
  padding:25px 20px 20px;
  text-align:center;
  box-shadow:0 0 5px black;
}



.answer-result{
	position: absolute;
	width: 650px;
	height: 100px;
	top: 420px;
}
.answer-box {
	float: left;
	min-height: 80px;
	margin: 30px 0 0 60px;
	padding: 10px;
	text-align: center;
	width: 240px;
	color:#fff;
	background: #555;
	box-shadow:0 0 3px black;
    border-radius:10px 10px 10px 10px;
}
    
.answer-box:hover {
	box-shadow:3px 3px 4px #F7ae0c, -3px -3px 4px #F7ae0c, 3px -3px 4px #F7ae0c, -3px 3px 4px #F7ae0c;
	color: #F7ae0c;
	cursor:pointer;       
}
     
#test-counter {
	text-align:right;
}