/*
** HTML elements
*/
body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff url(http://staticccel.org/themes/ccel/background.jpg) top left scroll repeat; /*#fff0e6;*/
	font: 76% Verdana, Arial, Helvetica, sans-serif;
/*	font: 76% Verdana, Arial, Helvetica, sans-serif; */
}
tr.dark td, tr.light td {
	padding: 0.3em;
}
tr.dark {
	background-color: #d7dbc4; /*#eee0d5; #fff0e6;*/
}

/*
  for tables.
*/
tr.even {
    background-color: #e0e0e0;
}

tr.odd {
    background-color: #eeeeee;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.5em;
}
h1 {
	font-size: 1.3em;
}
h2 {
	font-size: 1.2em;
}
h3, h4, h5, h6 {
	font-size: 1.1em;
}
/*p {
	margin-top: 0.5em;
	margin-bottom: 0.9em;
}
*/
a {
	text-decoration: none;
	font-weight: normal;
}
a:link {
	color: #00f;
}
a:visited {
	color: #44f;
}
a:hover {
	color: #00f;
	text-decoration: underline;
}
a.external {
	background: url(http://staticccel.org/pix/external.gif) center right no-repeat;
	padding-right: 13px;
}
li a.active {
	text-decoration: underline;
}
a.bold {
	font-weight: bold;
}
fieldset {
	border: 1px solid #ccc;
}
pre {
	background-color: #d7dbc4; /*#eee0d5; #fff0e6;*/
	padding: 0.75em 1.5em;
	font-size: 12px;
	border: 1px solid #ddd;
}
table {
	/* make <td> sizes relative to body size! */
	font-size: 1em;
}
tbody {
	border-top:0px;
}
.form-item label {
	font-size: 1em;
	color: #222;
}
.item-list .title {
	font-size: 1em;
	color: #222;
}
.links {
	margin-bottom: 0em;
}
.comment .links {
	margin-bottom: 0em;
}

/*
** Page layout blocks / IDs
*/
#header, #toptabs, #content {
	width: 100%;
}
#header {
	border:0px green solid !important;
}
#logo {
	background: #d6d9c4 /*#d7dbc4*/ url(http://staticccel.org/themes/ccel/bgfade.jpg) scroll repeat-x top left;
	text-align: left;
}
#calvin-logo {
	width:180px;
	background: url(http://staticccel.org/themes/ccel/calvin-logo.jpg) scroll no-repeat bottom right;
}
#calvin-logo a {
	display:block;
	width:180px;
	height:75px;
	text-decoration:none;
	background:transparent;
}
#menu_left, .menu_blank, #menu_right {
	border-bottom: #000 solid 1px;
	background-color: #d6d9c4; /*#d7dbc4; /*#eee0d5; #fff0e6;*/
}
#menu_left, #menu_right {
	width: 180px;
}
#menu_right {
	background: #d6d9c4 /*#d7dbc4*/ url(http://staticccel.org/themes/ccel/calvin-bottom-cs.jpg) scroll no-repeat top right;
	vertical-align: top;
}
#menu_right a {
	display: block;
	width: 140px;
	height: 20px;
	text-decoration: none;
	background: transparent;
	margin: 0 auto;
}

#search .form-text, #search .form-submit {
	border: 1px solid #369;
	font-size: 1.1em;
}
#search .form-text {
	width: 8em;
	height: 1.4em;
	padding: 0 0.5em 0 0.5em;
	margin: 0 0 0.5em 0;
}
#search .form-submit {
	height: 1.5em;
}
#mission {
	background-color: #d7dbc4; /*#eee0d5; #fff0e6;*/
	padding: 1.5em 2em;
	color: #000;
}
#mission a, #mission a:visited {
	color: #00f;
	font-weight: bold;
}
.site-name {
	margin: 0.6em 0em 0em 0em;
	padding: 0em;
	font-size: 1.75em;
}
.site-name a:link, .site-name a:visited {
	color: #333;
}
.site-name a:hover {
	color: #000;
	text-decoration: none;
}
.site-slogan {
	font-size: 1em;
	color: #d7dbc4; /*#eee0d5; #fff0e6;*/
	display: block;
	margin: 0em 0em 0em 0em;
	font-style: italic;
	font-weight: bold;
}
#main-content {
	background-color: #fff;
}
#main {
	width: 97%;
	margin: 1em auto;
}
#mission, #main, .comment .content {
	line-height: 1.4;
}
#help {
	font-size: 0.9em;
	margin-bottom: 1em;
}
.breadcrumb {
	margin-bottom: .5em;
}
.messages {
	background-color: #d7dbc4; /*#eee0d5; #fff0e6;*/
	border: 1px solid #ccc;
	padding: 0.3em;
	margin-bottom: 1em;
}
.error {
	border-color: red;
}
#sidebar-left,
#sidebar-right {
	background-color: transparent; /* #E5E4CC; /*#D8D6B2; /*#d7dbc4; /*#eee0d5; #fff0e6;*/
	width: 12em;
	/* padding in px not ex because IE messes up 100% width tables otherwise */
	padding: 0px;
	vertical-align: top;
}
#sidebar-left {
/* background: #E5E4CC url(http://staticccel.org/themes/ccel/sidebar-left.jpg) top center fixed repeat;*/
}
#sidebar-right {
	background: transparent url(http://staticccel.org/themes/ccel/sidebar-raised.gif) top left scroll repeat-y;
	padding-left: 18px;
}
#sidebar-left div.block div.item-list ul,
#sidebar-right div.block div.item-list ul {
  margin-left: 0;
  padding-left: 0;
}

#footer {
	background-color: transparent; /* #E5E4CC; /*#D8D6B2; /*#d7dbc4; /*#eee0d5; #fff0e6;*/
	padding: 1em;
	font-size: 0.8em;
	text-align: center;
}
#footer table {
	margin-left: auto;
	margin-right: auto;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.ui-accordion .ui-accordion-header,
.title {
	font-weight: bold;
	font-size: 1.3em;
	color: #222;
	padding:0px;
	margin: 0px; /* decrease default margins for h<x>.title */
}
.title a {
	font-weight: bold;
}
#main h1.title {
	background: transparent url(http://staticccel.org/themes/ccel/header-bg-right.jpg) scroll top right no-repeat;
	padding: 0px 10px;
	line-height: 1.5em;
}
/*html>body #main h1.title {
	padding: 3px 5px 3px 10px;
	line-height:1.2em;
}*/
#main h1.title, #main h1.title a {
	color: #fff;
}
#main .outer-title-wrapper {
	background: #590000 url(http://staticccel.org/themes/ccel/header-bg.jpg) scroll top left repeat-x;
	margin-bottom: 0.5em;
}
#main .inner-title-wrapper {
	background: transparent url(http://staticccel.org/themes/ccel/header-bg-left.jpg) scroll top left no-repeat;
}
.submitted {
	color: #444;
	font-size: 0.8em;
}
.links {
	color: #333;
}
.links a {
	font-weight: bold;
}
.box {
	padding: 0 0 1.5em 0;
}
.block {
	margin: .5em .5em 1em .5em;
}
.block .title {
	margin-bottom: .25em;
}
.box .title {
	font-size: 1.1em;
}
.node {
	margin: .5em 0 2em 0;
}
.sticky {
	padding: .5em;
	background-color: #d7dbc4; /*#eee0d5; #fff0e6;*/
	border: solid 1px #ddd;
}
.node .content, .comment .content {
	margin: .5em 0 .5em 0;
}
.node .taxonomy {
	color: #999;
	font-size: 0.8em;
	padding: 1.5em;
}
.node .picture {
	border: 1px solid #ddd;
	float: right;
	margin: 0.5em;
}
/* Fix problem of there being whitespace beneath the image making the both weird-shaped. */
.node .picture img
{
    vertical-align: top;
}
.comment {
	border: 1px solid #abc;
	padding: .5em;
	margin-bottom: 1em;
}
.comment .title a {
	font-size: 1.1em;
	font-weight: normal;
}
.comment .new {
	text-align: right;
	font-weight: bold;
	font-size: 0.8em;
	float: right;
	color: red;
}
.comment .picture {
	border: 1px solid #abc;
	float: right;
	margin: 0.5em;
}

/*
 * Fix #342 point 3 by not having the <img /> tag's alt text
 * rendered at the bottom of the image.
 */
.comment .picture img
{
    vertical-align: middle;
}

/*
** Module specific styles
*/
#aggregator .feed {
	background-color: #d7dbc4; /*#eee0d5; #fff0e6;*/
	border: 1px solid #ccc;
	padding: 1em;
	margin: 1em 0 1em 0;
}
#aggregator .news-item .source, #aggregator .news-item .categories, #aggregator .source, #aggregator .age {
	color: #999;
	font-style: italic;
	font-size: 0.9em;
}
#aggregator .title {
	margin-bottom: 0.5em;
	font-size: 1em;
}
#aggregator h3 {
	margin-top: 1em;
}
#forum table {
	width: 100%;
}
#forum td {
	padding: 0.5em 0.5em 0.5em 0.5em;
}
#forum td.forum, #forum td.posts {
	background-color: #d7dbc4; /*#eee0d5; #fff0e6;*/
}
#forum td.topics, #forum td.last-reply {
	background-color: #ddd0c4;
}
#forum td.container {
	background-color: #600;
}
#forum td.container a {
	color: #fff;
}
#forum td.container .description {
	color: #d7dbc4;  /* #e5e5cd; */
}
#forum td.statistics, #forum td.settings, #forum td.pager {
	height: 1.5em;
	border: 1px solid #bbb;
}
#forum td .name {
	color: #96c;
}
#forum td .links {
	padding-top: 0.7em;
	font-size: 0.9em;
}
#forum td.title {
	font-size: 1em; /* Otherwise, the thread titles are large at 1.3em. */
}
#profile .profile {
	clear: both;
	border: 1px solid #abc;
	padding: .5em;
	margin: 1em 0em 1em 0em;
}
#profile .profile .name {
	padding-bottom: 0.5em;
}
.block-forum h3 {
	margin-bottom: .5em;
}
.calendar a {
	text-decoration: none;
}
.calendar td, .calendar th {
	padding: 0.4em 0;
	border-color: #888;
}
.calendar .day-today {
	background-color: #69c;
}
.calendar .day-today a {
	color: #fff;
}
.calendar .day-selected {
	background-color: #369;
	color: #fff;
}
.calendar .header-week {
	background-color: #ccc;
}
.calendar .day-blank {
	background-color: #ccc;
}
.calendar .row-week td a:hover {
	background-color: #fff; color: #000;
}
tr.watchdog-user {
	background: #d7dbc4; /*#eee0d5; #fff0e6;*/
}
tr.watchdog-user .active {
	background: #ccc0b3;
}
tr.watchdog-content {
	background: #ddf;
}
tr.watchdog-content .active {
	background: #cce;
}
tr.watchdog-page-not-found, tr.watchdog-access-denied {
	background: #fbb;
}
tr.watchdog-page-not-found .active, tr.watchdog-access-denied .active {
	background: #f99;
}
tr.watchdog-error {
	background: #ffc9c9;
}
tr.watchdog-error .active {
	background: #eeb9b9;
}

/* Stuff from ccel.css */
p.hang { margin-left: 3em; text-indent: -3em; margin-top: 0px; margin-bottom: 0px; }
p.List1, p.List2, p.List3, p.List4 { margin-top: 0px; margin-bottom: 0px; }
p.List1		{margin-left: 0.3in; }
p.List2		{margin-left: 0.6in; }
p.List3		{margin-left: 0.9in; }
p.List4		{margin-left: 1.2in; }
p.ListCont1, p.ListCont2, p.ListCont3, p.ListCont4 
		{text-indent: 0in; margin-right: 0.3in; }
p.ListCont1	{margin-left: 0.3in; }
p.ListCont2	{margin-left: 0.6in; }
p.ListCont3	{margin-left: 0.9in; }
p.ListCont4	{margin-left: 1.2in; }

#user-login-form { text-align: left; }



/* Tab navigation
 * Combined from 
 * --original CCEL tab design (summer 2006)
 * --old /misc/drupal.css
 * --contrib tabbed theme Aberdeen
 *************************************/
#toptabs {
  margin: 0px auto;    /* causes center alignment in non-IE browsers */
  text-align: center; /*causes center alignment in IE, hopefully */
  padding: 0px;
  background-color: #d6d9c4; /* #d7dbc4; /*#eee0d5; #fff0e6;*/
  /* clear:both; */
}

#toptabs #navmenu {
/*** THIS IS NOT IDEAL 
 *** BETTER TO USE TABLE INSTEAD OF UNORDERED LIST,
 *** BECAUSE TABLE SIZE IS AUTOMATIC.
 *** HERE, WIDTH DOES NOT EXACTLY MATCH IF YOU ENLARGE TEXT IN BROWSER 
 **********/
  width: 38.3em;
  background-color: #d6d9c4; /*#d7dbc4; /* #d6d9c4; #eee0d5; #fff0e6;*/
  border-bottom: 1px solid black;
  /* border: 1px blue solid; /* !important; ONLY FOR TESTING LOCATION*/
}

#toptabs #navmenu ul.links {  /* .toptab, .activetoptab { */
  margin: 0px;
  padding: 0px;
  position: relative; /* absolute;  */
  bottom: -1px; /* */
  /* top: 80px; */
  left: 0px; /* 170px;*/
  list-style: none;
}
#toptabs #navmenu ul.links a,   /* All these are necessary for IE on Windows to display the tab links correctly */
#toptabs #navmenu ul.links a:link, 
#toptabs #navmenu ul.links a:visited, 
#toptabs #navmenu ul.links a:active, 
#toptabs #navmenu ul.links li.active a, 
#toptabs #navmenu ul.links li.active a:link,
#toptabs #navmenu ul.links li.active a:visited, 
#toptabs #navmenu ul.links li.active a:active {
/***
.toptab a,
.toptab a:link,
.toptab a:visited,
.toptab a:active,
.activetoptab a,
.activetoptab a:link,
.activetoptab a:visited
.activetoptab a:active {
***/
	white-space: nowrap;
	font-weight: bold;
	color: #000 !important; /* Again, this is for IE */
	display: block;
	padding: 3px 0.6em;
}
#toptabs #navmenu ul.links li {  /* .toptab { */
  background: #d0c0b3 url(http://staticccel.org/themes/ccel/tab-inactive-left.jpg) scroll no-repeat top left;
  border-bottom: 1px solid black;
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
  margin: 0 0.9em 0px 0;
}
#toptabs #navmenu ul.links li.last {  /* .toptab { */
  margin: 0 0 0 0;
}

#toptabs #navmenu ul.links li a {  /* .toptab a { */
  background: transparent url(http://staticccel.org/themes/ccel/tab-inactive-right.jpg) scroll no-repeat top right;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
}
#toptabs #navmenu ul.links li.active {  /* .activetoptab { */
  background: #fff url(http://staticccel.org/themes/ccel/tab-active-left.jpg) scroll no-repeat top left;
  border-bottom: 1px solid white;
}
#toptabs #navmenu ul.links li.active a {  /* .activetoptab a { */
  background: transparent url(http://staticccel.org/themes/ccel/tab-active-right.jpg) scroll no-repeat top right;
  color: #555;
  text-decoration: none;
}


/*** CCEL's custom nav tabs classes ***/
/*** USED ONLY WITH links.tpl.php AND template.php ***/

/*******************************
.toptab, .activetoptab {
	margin: 0px;
	padding: 0px;
}
/* All these are necessary for IE on Windows to display the tab links correctly * /
.toptab a, 
.toptab a:link,
.toptab a:visited,
.toptab a:active,
.activetoptab a,
.activetoptab a:link,
.activetoptab a:visited
.activetoptab a:active {
	white-space: nowrap;
	font-weight: bold;
	color: #000 !important; /* Again, this is for IE * /
	display: block;
	padding: 3px 0.6em;
}
.toptab {
	background: #d0c0b3 url(http://staticccel.org/themes/ccel/tab-inactive-left.jpg) scroll no-repeat top left;
	border-bottom: 1px solid black;
}
.toptab a {
	background: transparent url(http://staticccel.org/themes/ccel/tab-inactive-right.jpg) scroll no-repeat top right;
}
.activetoptab {
	background: #fff url(http://staticccel.org/themes/ccel/tab-active-left.jpg) scroll no-repeat top left;
}
.activetoptab a {
	background: transparent url(http://staticccel.org/themes/ccel/tab-active-right.jpg) scroll no-repeat top right;
}
.toptabseparator {
	border-bottom: #000 solid 1px;
	padding: 0px 0.25em;
}
*****************************/

ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em;
  white-space: nowrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #bbb; 
}
ul.primary li {
  display: inline;
}
ul.primary li a {
  background-color: #ddd;
  border-color: #bbb;
  border-width: 1px;
  border-style: solid solid none solid;
  height: auto;
  margin-right: 0.5em;
  padding: 0 1em;
  text-decoration: none;
}
ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: #fff 1px solid;
}
ul.primary li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}
ul.secondary {
  border-bottom: 1px solid #bbb;
  padding: 0.5em 1em 0.5em 1em;
  margin: 5px;
}
ul.secondary li {
  display: inline;
  padding: 0 1em;
  border-right: 1px solid #ccc;
}
ul.secondary a {
  padding: 0;
  text-decoration: none;
}
ul.secondary a.active {
  border-bottom: 4px solid #999;
}

/* Navigation tabs (in conjuction with styles listed in /misc/drupal.css) */
ul.primary li span {
	background-color: #ddd;
	border-color: #bbb;
	border-width: 1px;
	border-style: solid solid none solid;
	height: auto;
	margin-right: 0.5em;
	padding: 0 1em;
	text-decoration: none;
}

ul.navigation {
	margin: -.5em;
	padding: 0px;
	border: 0px;
}

ul.navigation li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

ul.navigation li a,
ul.navigation li a:link,
ul.navigation li a:active,
ul.navigation li a:visited,
ul.navigation li a:hover {
	display: block;
	background-color: #C7C5A1;
	color: #3E3C28;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em;
	border-top-style: none;
	border-left-style: none;
	border-right: 0px solid black;
	border-bottom: 1px solid #3E3C28;
}

ul.navigation li.active a,
ul.navigation li.active a:link,
ul.navigation li.active a:visited,
ul.navigation li.active a:active,
ul.navigation li.active a:hover {
	background: #E8E6D1 url(http://staticccel.org/themes/ccel/navigation-active-bg.gif) scroll top right repeat-y;
	color: #3E3C28;
	font-weight: bold;
	text-decoration: none;
	border-right-width: 0px;
}

ul.navigation li a:hover {
	background: #A6A37E;
	color: #29281B;
	font-weight: bold;
	text-decoration: none;
}

/* Alternate Link Colors */

a.alt_color {
	color: green !important;
}

/* CCEL Store */
.store-img-left {
	float: left;
	margin: 0em 1em 1em 0em;
}
.store-img-right {
	float: right;
	margin: 0em 0em 1em 1em;
}
.store-related-product {
	float: right;
	border: 1px solid black;
	margin: 0em 0em 1em 1em;
	padding: .5em;
}

/* Stylesheet for book view pages in drupal. */
a.TOC		{ text-decoration: none }
a.TOC:hover	{ text-decoration: underline }

/* 1em is to make room for the expando */
.TOC1, .TOC2, .TOC3, .TOC4, .TOC5, .TOC6 { margin: 2px 2px 2px 1em; padding: 0px 1px;
					   padding-left: 2em; text-indent:-2em }
.TOC1, .TOC2, .TOC3, .TOC4 { text-align: left }
.TOC1		{ margin-left: 1em; font-weight: bold; font-size: 110%; margin-top:3px }
.TOC2		{ margin-left: 3em; font-size: 100%; }
.TOC3		{ margin-left: 5em; font-size: 90%; }
.TOC4		{ margin-left: 7em; font-size: 90%; }
.TOC5		{ margin-left: 9em; font-size: 90%; }
.TOC6		{ margin-left: 11em; font-size: 90%; }

/* Push the TOC expando (open.gif or close.gif) to the left a little */
.TOC1 a img,
.TOC2 a img,
.TOC3 a img,
.TOC4 a img,
.TOC5 a img,
.TOC6 a img
{
     margin-left: -15px;
}

/*
 * #tocdiv only exists in the old 'ccel' theme.
 */
#tocdiv
{
    margin-left: -0.5em;
}
#tocdiv .TOC1,
#tocdiv .TOC2,
#tocdiv .TOC3,
#tocdiv .TOC4,
#tocdiv .TOC5,
#tocdiv .TOC6
{
    text-indent: 0em;
    padding-left: 0em;
}

.toc_selected_section { background: #d2c4b7;
		 padding-top: 1px; padding-right: 2px; padding-bottom: 2px; }
.TOC1:hover,
.TOC2:hover,
.TOC3:hover,
.TOC4:hover,
.TOC5:hover,
.TOC6:hover
{
    background: #f2e4d7;
}
.book-background-color-night .TOC1:hover,
.book-background-color-night .TOC2:hover,
.book-background-color-night .TOC3:hover,
.book-background-color-night .TOC4:hover,
.book-background-color-night .TOC5:hover,
.book-background-color-night .TOC6:hover
{
    background: #442222;
}

.toc_selected_section a { color: #600 !important; font-weight:bold; }

/* Toolbar */
.controlbox {
    bottom: 0px;
    background: #660000;
    color: white;
    padding: 4px 4px 4px 4px;
    border: 1px solid gray;
    visibility: hidden;
    font-size: 10pt;
}
.cbutton {
    border: 1px solid #330000;
    background: #CCCCCC;
    padding: 2px 2px 2px 2px;
}

table.padded td {
	padding-right: 1em;
}

/* Download History */
.data_table {
	border-collapse:collapse;
	empty-cells:show;
}
.data_table td,
.data_table th {
	padding: .2em 1em .2em 0em;
}

/*
 * Show no linebreak before the links at the bottom of each comment.
 * ( http://trac.ccel.org/trac/ticket/342 item 2)
 */
div.comment div.links ul.links
{
    display: inline;
}


/**
 * index/author/A
 */
.alphabar
{
    display: block;

    margin: 0pt auto;
    text-align: center;
}

.alphabar *,
.alphabar a
{
    text-align: center;
    font-size: 11pt;
}

.alphabar .selected
{
    font-weight: bold;
}

.ui-accordion .ui-accordion-header
{
    color: white;
    background: #590000;
}

.ui-accordion .ui-state-hover .ui-icon {background-image: url(../../../all/libraries/jquery.ui/themes/base/images/ui-icons_cd0a0a_256x240.png)/*{iconsHover}*/; }
.ui-accordion .ui-state-active .ui-icon {background-image: url(../../../all/libraries/jquery.ui/themes/base/images/ui-icons_cd0a0a_256x240.png)/*{iconsActive}*/; }

.ui-accordion .ui-accordion-header
{
    /* Just use a bit of margin. */
    margin: 1px 0px;
}

.ui-accordion .ui-accordion-header a,
.ui-accordion .ui-state-default a,
.ui-accordion .ui-state-default a:link,
.ui-accordion .ui-state-default a:visited
{
    display: inline;
    font-size: inherit;
    color: inherit;
}

/*
 * Disabled rounded corners for our accordions which we are rendering like blocks. The exact rules are pulled and then modified from jquery-ui-1.7.2's jquery-ui.css
 */
.ui-accordion .ui-corner-all,
.ui-accordion .ui-corner-top,
.ui-accordion .ui-corner-bottom,
.ui-accordion .ui-corner-left,
.ui-accordion .ui-corner-right,
.ui-accordion .ui-corner-tl,
.ui-accordion .ui-corner-tr,
.ui-accordion .ui-corner-br,
.ui-accordion .ui-corner-bl
{
    -moz-border-radius: 0pt;
    -webkit-border-radius: 0pt;
    border-radius: 0pt;
}

/*
 * Disabled silly borderness on widgets
 */
.ui-state-default,
.ui-widget .ui-state-default,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,

.ui-accordion .ui-widget-content
{
    border: none;
}

/*
 * A class for elements which require javascript to be enabled to be useful.
 */
.noscript-hide
{
    display: none;
}

/*
 * A class for elements which should start out hidden and be shown only when needed by javascripty stuffage
 */
.start-hidden
{
    display: none;
}

/*
 * A class for elements which should start out hidden and be shown only when needed by javascripty stuffage
 */
.start-hidden
{
    display: none;
}

/* make the font_size selection in CCEL Preferences look nicer */
.preferences-font-size-wrapper > div.form-item
{
    display: inline-block;
    padding-right: 1em;
}

/* The styling used to render the `aA' buttons/boxes for choosing font_size. */
.font-size-choice,
.background-color-choice
{
    display: inline-block;
    height: 24pt;
    line-height: 24pt;
    border: 2pt solid silver;
    vertical-align: bottom;
    text-align: center;
}
.background-color-choice
{
    /*
     * Since we don't have fixed width but do have a fixed height for the background color choices, we provide padding on the sides.
     */
    padding: 0pt 6pt 0pt 6pt;
}
.font-size-choice
{
    /* make the font size chooser square. (be square or be THERE)*/
    width: 24pt;
}
.font-size-choice a,
.background-color-choice a,
.font-size-choice a:hover,
.background-color-choice a:hover
{
    text-decoration: none;
    color: inherit;
}
.font-size-choice.chosen,
.background-color-choice.chosen
{
    /* background: #ffffdd; */
    border: 2pt solid gold;
}
/* don't let links in font choices appear to be links. */
a.font-choice,
.font-choice a
{
    color: inherit !important;
}

/*
 * http://www.w3.org/TR/2011/CR-css3-background-20110215/#the-box-shadow
 * http://css3.info/preview/box-shadow/
 */
.ccel-boxshadow
{
    -moz-box-shadow: 1pt 1pt 4pt 2pt rgba(34, 34, 34, 0.5);
    -webkit-box-shadow: 1pt 1pt 4pt 2pt rgba(34, 34, 34, 0.5);
    box-shadow: 1pt 1pt 4pt 2pt rgba(34, 34, 34, 0.5);
}

/*
 * The colors chosen here (particularly for .landingpage-title and .landingpage-quip) must be kept in sync with http://ccel.org/node/7486 (http://ccel.org/).
 */
.landingpage-heading
{
    background: #3f2813;
    color: white;

    /* must match the size of .landingpage-icon's height + borders + margin. */
    height: 67px;
}
.landingpage-heading > *
{
    display: inline-block;
}
.landingpage-icon
{
    width: 136px;
    height: 67px;

    border: none;
    margin: 0px;
    padding: 0px;

    float: right;
}
.landingpage-title
{
    color: #e4cd9c;
    font-style: italic;
    font-family: serif;
    font-size: 40px;

    margin: 5px 0pt 0pt 4pt;

    position: relative;
    top: 6pt;
    left: 3pt;
}
.landingpage-quip
{
    margin: 0pt 0pt 0pt 1em;

    position: relative;
    top: 6pt;
}

img.gear
{
    width: 24px;
    height: 24px;
}

/* import styles from ccel2010/layout.css for the searchicon in study */
/*
 * Cause searchicon and textbox to be vertically agreeable for the
 * sake of our negative margin hack to get the searchicon into the
 * searchbox.
 */
#nav-top form.searchbox-wrapper > div > *,
.searchbox-wrapper > *
{
    vertical-align: middle;
}
#nav-top input.searchbox
{
    /* This needs no IE-7 fallback */
    /* background: #efefef url('img/top-nav-searchbox-icon.png') no-repeat right; */
    /* Nowadays the search icon is its own <input type="image" /> so that clicking on it can result in form submission.
       
      background: #efefef url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oIGhIZKMGyHy8AAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAC5ElEQVQ4y02T32vVdRyHn9fn+z3HQa6TU2G0JoumuYmha+lFUMEstfXTcF20oBvppiDBi4jgnHMT1G0ESVAXEcZONGJREMlmJ7xpoWYEEdaS4fRmuu2w03bO9/Pq4kuzf+Dh/X54XgLwBAljjliS8PdHeF8wUEjozTJutMSVJ3ofPOHTsy2qCirbBktCAK4QKMPkMbZsb/K5AocwloEEOWKZ2QXx6gvfcAkcqyhURBQAtl4fV+fYDc6GAsMGZ1BvReZCYFsaOBTapDFyabXNy0em+c0VpAoxBTBSfYmPSRgyNBabvPFSJ1+tTNEC9NEw+3Z2c7qQsX9zgc9wZQjKkYoIAO8O01kwu0gJC21OPTPDlytTtNlRCn3cRfU6v8yuMB5hVZEHvjtaeREUgBxwsIen3WJPG65P/M3X0GdAfVfl9j23wvx8Xzx1jj/WzA/RKN3Ew8LeALBOf0wJZCzU/imt7u6ZS/bugDluMb88CASPcCCRuUmAQpOCc3s5oFHgvNdppwn9J1nacq2EL1/FjHQmdF2Lu3v+TM+WmrFYZKeBmLAM/wP83MFMKPKrIptH7+OV5UbJAIO/r5jFx0ND+MzByyPKGEojF5sNalVLG4DyhNebYioadXTw9vTA0jvl/dzdjoRnt9fu+HAXJ3pTPsVoPeWvw3X/NFjLG9rowGMK9QZfCJ6TwLDshAVHSgG6ZQgRzjXoerPOkrCRHP7roHYcHvmWY4ay4GKAOxW5PzHdzvLiInCgyL3gaFVvX2ATwBEhGT45qVLnFXq61klby6xt6mZvcZW3spR9MXDh0SkeMo5CZgPgSnjMpPkELGzZBNsYa3qUMz8+ic8fxjNHqTrPIJcobKvMtJxRkbBkcsuqErCSm0Veiy0uZCkkGU99MKCtt0OiKkyEqlS2wFHYEnYFU8PPT3oxFqjRhpAwtKefcYB8TCobK2BHIAEFK/8BlCBnMkzo+HvbRmv9yRpbGy0mAf4FOIFhAmUVeyYAAAAASUVORK5CYII=') no-repeat right; */

    /* don't allow the text to approach the icon */
    padding: 0pt 18px 0pt 0pt;
    /* top/bottom margins 5px and let the searchicon be marginned into this searchbox */
    margin-top: 5px;
    margin-bottom:
    margin-left: 0pt;
    /* margin-right in the more generic area... */

    display: inline-block;
    width: 100px;

    /* this is what I call micromanagement... */
    height: 20px;
    border: 2px;
}
.searchbox,
#nav-top .searchbox
{
    margin-right: -18px;
}

/* WWSB also likes using .searchbox and .searchicon classes */
#nav-top .searchicon,
.searchicon
{
    /* must match dimensions of img/top-nav-searchbox-icon.png */
    width: 16px;
    height: 17px;
    border: none;
    background: transparent;
    vertical-align: middle;

    margin: 0pt 0pt 0pt -4px;
    padding: 0px;
    display: inline-block;

    cursor: pointer;
}
/* navbar-specific: */
#nav-top .searchicon
{
    margin-top: 4px;
}
#nav-top .searchicon > img,
.searchicon > img
{
    /* must match dimensions of img/top-nav-searchbox-icon.png */
    width: 16px;
    height: 17px;

    margin: 0pt;
    padding: 0pt;

    display: block;
}

#nav-top form.searchbox-wrapper div.form-item-label
{
    display: inline-block;
    height: 32px;
}

#nav-top form.searchbox-wrapper div.form-item-label > div
{
    display: block;
    color: white;
    height: 12px;
    font: italic 12px sans, sans-serif;
    cursor: pointer;
}


/*
 * In ccel_articles, have the fivestar floated to the right for space efficiency/beauty:
 */

/* The element containing the whole widget */
form.fivestar-widget, div.fivestar-static-form-item
{
    float: right;
}

/* The stars themselves: */
form.fivestar-widget div.fivestar-widget, div.fivestar-static-form-item div.fivestar-widget-static
{
    float: right;
    clear: right;
}

/* The `Average:' titleish text: */
form.fivestar-widget label, div.fivestar-static-form-item label,
/* The  bottom ``Your rating'' text */
form.fivestar-widget div.description, div.fivestar-static-form-item div.description
{
    text-align: right;
    clear: right;
}

/* The downgraded (nonjs) version of the rating system: */
form.fivestar-widget input,
form.fivestar-widget select
{
    clear: right;
    float: right;
    text-align: right;
}

/* Get the actual content of the node beneath the widget: */
.node-ccel_article .content .content-body
{
    clear: right;
}

/* end fivestar widget rules */

/* controllinks styles used on /meditate and /study */
.controllinks, .controllinks a:link, .controllinks a:visited
{
    color: #00f; /* Override a:visited { color: #44f; } */
    font-family: sans-serif;
    font-size: 12pt;
}

.controllink:hover, a.controllink:hover
{
    cursor: pointer;
}

.controllinks .loading,
.controllinks a.loading, .controllinks a:link.loading, .controllinks a:visited.loading
{
    text-decoration: underline;
}

.controllinks .controllink-doublearrow, .controllinks a:link.controllink-doublearrow, .controllinks a:visited.controllink-doublearrow,
.controllink-doublearrow
{
    font-size: 125%;
}
/* end controllinks used on /study and /meditate */

/* Wikibook homepage formatting */
.wikibooks-root-page .leaderboard-wrapper, .currentproject
{
	width:49%;
	float:left;
	clear:left;
	min-height:200px;
}
.featuredwikibook, .topwikibooks
{
	width: 49%;
	float:right;
	clear:right;
	min-height:200px;
}
.wikibooks-root-page .leaderboard-wrapper .title, .currentproject .title, .featuredwikibook .title, .topwikibooks .title
{
	margin-bottom:10px;
	border-bottom-style:dashed;
	border-width:2px;
	border-color:#FF5D00;
}
.leaderboard
{
	border: 1px solid gray; 
	background: #F3F3E9;
	color: #664E33;
	padding:4pt;
	max-width:400px
}
.wikibooklinks
{
	margin-top:20px;
	width:100%
	text-align:left;
	float:left;
	clear:right;
}
#book-checked-out
{
	background-color: #E7E734;
}

/* end Wikibook homepage formatting*/

/* Progress Bar */
div.progress-container {
	border: 1px solid #aaaaaa;
	width: 100px;
	margin: 2px 5px 2px 0px;
	padding: 1px;
	float: left;
	background: white;
}
div.progress-container-bar {
	background-color: #ACE97C;
	height: 18px;
	float:left;
}
div.progress-container-text {
	position: absolute;
	margin-left: 5px;
}
/* end Progress Bar */

/*Tracking Page*/
.trackingpage-board
{
	border: 1px solid gray; 
	background: #F3F3E9;
	color: #664E33;
	padding:4pt;
	max-width:600px
}

/* Wikipage*/
#wikipage-watermark {
	background-image:url( 'watermark.png' );
	background-repeat:no-repeat;
	background-position: top center;
}

/*
 * For http://ccel.org/read
 */
.ccel-menu-flat ul.menu li
{
    display: inline;
    margin: 0pt;
    padding: 0pt;
}
.ccel-menu-flat li:after
{
    content: ", ";
}
.ccel-menu-flat li.last:after
{
    content: none;
}
.ccel-menu-flat a
{
    font-weight: bold;
}