﻿
/* title list and detail */
.submenu {border: solid 1px #000; float: left; width: 100%; margin: 0 0 15px 0; background-color: #FFF;}
.submenu ul {float: left; margin: 0; padding: 0 0 0 8px;}
.submenu ul li {color: #999; list-style-type: none; float: left; margin: 0; padding: 4px 6px 4px 6px; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold;}
.rhtitles_header {border-bottom: dotted 1px #000;}
.rhtitles_footer {border-top: dotted 1px #000;}
.rhtitles_list_item {border-bottom: dotted 1px #000; padding: 10px 0 10px 0;}
.last_item {border-bottom: none; padding-bottom: 0;}
.rhtitles_list_item .cover_image {float: right; width: 135px; margin: 0 10px 10px 10px; text-align: center;}
.rhtitles_list_item .cover_image img, .rhtitles_featured .cover_image img {width: 125px; border: solid 1px #000;}
.rhtitles_list_item .cover_image .cover_large_image_link {}
.rhtitles_list_item h3, .rhtitles_detail h3, .rhtitles_featured h3, .rhtitles_excerpt h3, 
.rhtitles_recommend h3, .rhtitles_retailers h3 {margin: 0; padding: 0; font-weight: bold; font-size: 120%;}
.rhtitles_list_item h4, .rhtitles_detail h4, .rhtitles_featured h4, .rhtitles_excerpt h4, 
.rhtitles_recommend h4, .rhtitles_retailers h4 {margin: 0; padding: 0; font-weight: bold; font-size: 90%;}
.rhtitles_list_item h5, .rhtitles_detail h5, .rhtitles_featured h5, .rhtitles_excerpt h5, 
.rhtitles_recommend h5, .rhtitles_retailers h5 {margin: 0; padding: 0;}
.rhtitles_list_item .callout, .rhtitles_detail .callout, .rhtitles_featured .callout, 
.rhtitles_excerpt .callout, .rhtitles_recommend .callout, .rhtitles_retailers .callout {font-weight: bold; margin: 0; padding: 10px 0 0 0;}
.rhtitles_detail .cover_image, 
	.rhtitles_excerpt .cover_image, 
	.rhtitles_recommend .cover_image, 
	.rhtitles_retailers .cover_image {float: right; margin: 0 10px 10px 10px; text-align: center;}
.rhtitles_detail .cover_image img, 
	.rhtitles_excerpt .cover_image img, 
	.rhtitles_recommend .cover_image img, 
	.rhtitles_retailers .cover_image img {border: solid 1px #000;}
.rhtitles_detail .cover_image .cover_large_image_link, 
	.rhtitles_excerpt .cover_image .cover_large_image_link, 
	.rhtitles_recommend .cover_image .cover_large_image_link, 
	.rhtitles_retailers .cover_image .cover_large_image_link {}
.rhtitles_detail .url {font-weight: bold; font-style: italic;}
.rhtitles_detail .endorsement {}
.rhtitles_detail .endorsement p {margin-bottom: 0;}
.rhtitles_detail .endorsement .byline {margin-left: 20px; font-style: italic;}
.rhtitles_detail .endorsement .byline .name {font-weight: bold;}
.rhtitles_detail .endorsement .byline .title {}
.rhtitles_detail .related_titles {margin-top: 20px;}
.rhtitles_detail .related_titles .related_title {width: 150px; float: left; padding: 20px 0 0 0; text-align: center;}
.rhtitles_detail .related_titles .related_title img {width: 100px; float: none;}
.rhtitles_detail .related_titles .related_title h5 {}
.rhtitles_detail .related_titles_information {clear: both;}

/* contributor */
.rhtitles_contributor h3 {margin: 0; padding: 0; font-weight: bold; font-size: 120%;}
.rhtitles_contributor img {float: right; margin: 0 10px 10px 10px; border: solid 1px #000;}
.rhtitles_contributor .url {font-weight: bold; font-style: italic;}

/* excerpt */
.rhtitles_excerpt h4.excerpt_download {font-size: 90%; font-weight: bold;}
.rhtitles_excerpt .legal_info {font-size: 80%;}

/* recommend */
.rhtitles_recommend .rhtitles_recommend_form {margin: 20px 0 10px 0;}
.rhtitles_recommend .rhtitles_recommend_form input {width: 350px;}
.rhtitles_recommend .rhtitles_recommend_form .buttons {padding: 20px 0 10px 0;}
.rhtitles_recommend .rhtitles_recommend_form .buttons .send_email {width: 100px; padding: 2px 0 2px 0;}

/* retailers */
.rhtitles_retailers .retailers {text-align: center;}
.rhtitles_retailers .retailers table {width: 80%; background-color: #FFF; margin: 10px auto 10px auto; padding: 30px 10px 10px 10px; border: solid 1px #000;}
.rhtitles_retailers .retailers td {width: 50%; margin: 0; padding: 15px; text-align: center; vertical-align: middle;}
.rhtitles_retailers .retailers td img {margin: 0; padding: 0; float: none; border: none;}

/***************************************************************************/
/* admin styles */
/***************************************************************************/

/* admin buttons */
.adminbutton_addtitle {width: 90px;}
.adminbutton_savetitle {width: 90px;}
.adminbutton_addcontributor {width: 130px;}
.adminbutton_savecontributor {width: 136px;}
.adminbutton_viewcurrentexcerpt {width: 160px;}
.adminbutton_saveretailer {width: 110px;}
.adminbutton_addretailer {width: 110px;}
.adminbutton_saveendorsement {width: 140px;}
.adminbutton_addendorsement {width: 140px;}
.adminbutton_addrelatedtitle {width: 130px;}
.adminbutton_addothertitleformat {width: 110px;}

/* grids */
.admingrid, .adminsortablegrid {width: 95%; border: solid 1px #003366; border-collapse: collapse; margin: 10px 0 10px 0;}
.admingrid th, .admingrid td, 
.adminsortablegrid th, .adminsortablegrid td {font-family: Arial, sans-serif; font-size: 70%; text-align: center; padding: 2px; border: solid 1px #003366;}
.admingrid th, .adminsortablegrid th {color: #003366; background-color: #FFF; vertical-align: middle;}
.admingrid .left, .adminsortablegrid .left {text-align: left; padding-left: 10px;}
.admingrid .image img, .adminsortablegrid .image img {width: 70px;}
.adminsortablegrid .currentsort {background-color: #EEE;}
.adminsortablegrid th a:link, .adminsortablegrid th a:visited,
.adminsortablegrid th a:hover, .adminsortablegrid th a:active {color: #003366; text-decoration: underline;}
.adminsortablegrid th a:hover {color: #999;}
.admingrid .endorsement_copy {text-align: left;}
.admingrid .endorsement_copy p {font-size: 11px;}

/* gridview pager */
.adminpager td {border: none;}

/* nested grid */
.adminnestedgrid {width: 90%; margin: 5px;}
.adminnestedgrid th, .adminnestedgrid td {text-align: center; padding: 2px;}

/* standard table */
.admintable {width: 95%; border: none; border-collapse: collapse;}
.admintable th, .admintable td {font-family: Arial, sans-serif; font-size: 70%; text-align: left; padding: 2px; border: none;}

/* grid command links */
a.admincommand:link, a.admincommand:visited, 
a.admincommand:hover, a.admincommand:active {font-weight: bold; text-decoration: underline;}

/* used to disable links consistently across ie and firefox */
.admincommanddisabled, a.admincommanddisabled:link, a.admincommanddisabled:visited, 
a.admincommanddisabled:hover, a.admincommanddisabled:active {font-weight: bold; color: #CCC; text-decoration: none;}

/* validation messages */
.adminvalidation {font-family: Arial, sans-serif; font-size: 12px; color: #FF0000;}
.adminvalidation ul {font-family: Arial, sans-serif; font-size: 12px; color: #FF0000;}

/* non-validation user messages */
.adminmessage {font-family: Arial, sans-serif; color: #000; font-style: italic;}

/* list and detail control containers */
.adminlist {padding-top: 5px;}
.admindetail {padding-top: 5px;}

/* small admin button */
.adminsmallbutton {font-size: 10px;}

/* misc list styles */
.adminlist label {font-weight: bold;}

/* form fields */
.adminform .form_row {}
.adminform .form_row label {font-family: Arial, sans-serif; color: #000; font-weight: bold; font-size: 75%; display: block;}
.adminform .form_row div {font-family: Arial, sans-serif; color: #000; font-size: 80%;}
.adminform .form_row div input {font-family: Arial, sans-serif; color: #000; font-size: 100%;}
.adminform .form_row div select {font-family: Arial, sans-serif; color: #000; font-size: 100%;}
.adminform .form_row div textarea {font-family: Arial, sans-serif; color: #000; font-size: 100%; width: 600px; height: 100px;}
.adminform .text input {width: 400px;}
.adminform .text_wide input {width: 600px;}
.adminform .text_narrow input {width: 200px;}
.adminform .available_contributors label {font-family: Arial, sans-serif; color: #000; font-weight: bold; font-size: 75%;}
.adminform .available_titles label {font-family: Arial, sans-serif; color: #000; font-weight: bold; font-size: 75%;}

/* paragraphs on admin form and list pages */
.adminform p {font-family: Arial, sans-serif; font-size: 70%; line-height: 1.2em; margin: 5px 0 5px 0; padding: 0;}
.adminlist p {font-family: Arial, sans-serif; font-size: 70%; line-height: 1.2em; margin: 5px 0 5px 0; padding: 0;}

/* columns on admin forms */
.adminform .column {float: left; padding: 0 20px 0 0;}
.adminform .columns {height: 1%;}

/* section headlines */
.adminlist h1, .adminform h1 {font-size: 140%; font-weight: bold; clear: both;}
.adminlist h2, .adminform h2 {font-size: 130%; font-weight: bold; clear: both;}
.adminlist h3, .adminform h3 {font-size: 120%; font-weight: bold; clear: both;}
.adminlist h4, .adminform h4 {font-size: 100%; font-weight: bold; clear: both;}
.adminlist h5, .adminform h5 {font-size: 100%; font-weight: bold; clear: both;}

.adminclear {clear: both;}
