/* Styles for Topic pages */
/* The layout of the content area of a topic page. */
#pageColLeft,
#pageColCenter,
#pageColRight {
	margin-bottom: 8px;
	vertical-align: top;
	text-align: left;
}

#pageColLeft {
	float: left;
	margin-right: 8px;
	width: 334px;
}

#pageColCenter {
	float: left;
	margin-right: 8px;
	width: 334px;
}

#pageColRight {
	float: right;
	margin-right: 0px;
	width: 300px;
}
@media (max-width: 1090px) {
  #pageColLeft,
  #pageColcenter,
  #pageColRight {
    float: none;
    width: 100%;
  }
}


/* The Related Topics block */
#relatedTopics .body {
}

#relatedTopics .item {
	font-family: Verdana,Arial,Helvetica;
	font-size: 10px;
}

/* The Title block */
#topicTitleBlock {
	float: left;
	width: 677px;
}
@media (max-width: 1090px) {
  #topicTitleBlock {
    float: none;
    width: 100%;
  }
}

#topicTitleBlock .body {
	position: relative;
	min-height: 255px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	padding-bottom: 8px;
}

#topicTitleBlock .body .bookCover {
	float: left;
	width: 170px;
}

#topicTitleBlock .body .topicText {
	float: right;
	padding: 8px;
	width: 480px;
	text-align: left;
	vertical-align: top;
}

@media (max-width: 1090px) {
  #topicTitleBlock .body .topicText {
    float: none;
    width: 100%;
  }
}

#topicTitleBlock .body H1 {
	margin-top: -6px;
	margin-bottom: 6px;
	font-size: 19px;
	font-weight: bold;
	font-family: Trebuchet MS,Arial, Helvetica,sans-serif;
}

#topicTitleBlock .body .author {
	margin-bottom: 8px;
	color: black;
	font-size: 11px;
	font-weight: bold;
}

#topicTitleBlock .body .descr {
	font-size: 15px;
}

#topicTitleBlock .body .buyButtons {
	margin-top: 16px;
	margin-left: -2px;
}

#topicTitleBlock .body .bottomRow {
	position: absolute;
	bottom: 8px;
	width: 480px;
}

#topicTitleBlock .body .amazonlink {
	display: inline-block;
	float: left;
	font-size: 9px;
}

#topicTitleBlock .body .search {
	display: inline-block;
	float: right;
}


/* The primary blocks for the Topic page. */
.topicTopBlock > .body .buyButton {
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: right;
}
.topicTopBlock > .body .buyButton.top {
}
.topicTopBlock > .body .buyButton.bottom {
	margin-bottom: 0px;
}


/* The secondary blocks for the components of a Study Pack, etc. */
.topicComponentBlock > .head {
	background-color: #E5F0FF;
	background-image: url(/images/aero300/bkgd_box_header_lite.png);
}
.topicComponentBlock > .head H2 {
	margin-top: 0;
	margin-bottom: 0;
	color: black;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-shadow: none;
}

.topicComponentBlock > .head .num {
	font-size: 10px;
}

.topicComponentBlock > .body {
	max-height: 500px;
	overflow: auto;
}

.topicComponentBlock > .body.shorter {
	max-height: 300px;
}

.topicComponentBlock > .body .odd {
	background-color: #eeeeee;
}

.topicComponentBlock > .body .even {
	background-color: #ffffff;
}

.topicComponentBlock > .body .icon {
	float: left;
	margin: 4px;
	border: 0;
	height: 31px;
	width: 130px;
}

.topicComponentBlock > .body .title {
	font-size: 13px;
	font-weight: bold;
}

.topicComponentBlock > .body .thumbnail {
	font-size: 11px;
}

.topicComponentBlock > .body .stats {
	margin: 10px 0;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 11px;
	text-align: left;
}

.topicComponentBlock > .body .content {
	margin-bottom: 20px;
}


#topicStudyPackBlock > .head > H2,
#topicLpBlock > .head > H2,
#topicOtherLPsBlock > .head > H2 {
	margin: 0;
	color: white;
	font-size: 21px;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight: normal;
	text-shadow: 1px 1px 1px #222222;
}

/* The studypack area */
#topicStudyPackBlock {
}

#topicStudyPackBlock > .body {
	padding: 8px 8px;
	font-family: Verdana,Arial,Helvetica;
	font-size: 13px;
}

#topicStudyPackBlock > .body > .stats {
	font-size: 15px;
}


/* The study guide & lesson plan listings */
#topicSgContentsBlock > .head H1,
#topicLpContentsBlock > .head H1 {
	margin-top: 0;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#topicSgContentsBlock > .body,
#topicLpContentsBlock > .body {
	max-height: none;
}

#topicSgContentsBlock > .body .item,
#topicLpContentsBlock > .body .item {
	margin: 4px -8px;
	padding-left: 4px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
}

#topicSgContentsBlock > .body .itemtext,
#topicLpContentsBlock > .body .itemtext {
	display: inline-block;
}

#topicSgContentsBlock > .body .itemtext A:active,
#topicSgContentsBlock > .body .itemtext A:link,
#topicSgContentsBlock > .body .itemtext A:visited,
#topicLpContentsBlock > .body .itemtext A:active,
#topicLpContentsBlock > .body .itemtext A:link,
#topicLpContentsBlock > .body .itemtext A:visited {
	color: #3355aa;
	text-decoration: none;
}

#topicSgContentsBlock > .body .itemtext A:hover,
#topicLpContentsBlock > .body .itemtext A:hover {
	color: #b02020;
	text-decoration: underline;
}


/* The Lesson Plan block */
#topicLpBlock {
}

#topicLpBlock .body {
	padding: 8px 8px;
	font-family: Verdana,Arial,Helvetica;
	font-size: 13px;
}

#topicLpBlock > .body .stats {
	font-size: 15px;
}



/* The Other Lesson Plans area */
#topicOtherLpsBlock {
}

#topicOtherLpsBlock .body {
	padding: 8px 8px;
	font-size: 13px;
}

#topicOtherLpsBlock .body .btnBuyNow {
	width: 120px;
	height: 34px;
}





/* BROUGHT OVER FROM 2012_07 Topic Page Test */
/*
    Document   : topictest_2012_07
    Created on : Jul 11, 2012, 12:11:00 PM
    Author     : david.hoffman
    Description:
        Used for topic page A/B test July, 2012
*/

/* Modifications to the existing CSS */
#pageWrapper {
	background-image: none;
	border-radius: 6px;
	background-color: #FFFFFF;
}

#widSearch {
	border: none;
	padding-left: 0px;
	padding-top: 4px;
	background: none;
	padding-bottom: 7px;
	border-bottom: 1px solid #ececec;
}

#topicTitleBlock > .body {
	border: none;
}

#buyTheBook > .body {
	border-top: 1px solid #ececec;
	padding-top: 10px;
	border-radius: 6px;
}

.topicTopBlock .head {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-image: none;
	background-color: transparent;
	background-image: linear-gradient(#e9f4fb, #daeffb);
	background-image: -webkit-linear-gradient(#e9f4fb, #daeffb);
	background-image: -moz-linear-gradient(#e9f4fb, #daeffb);
	background-image: -o-linear-gradient(#e9f4fb, #daeffb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e9f4fb, endColorstr=#daeffb);
	color: #164799;
	text-shadow: none;
	border: 1px solid #c9deea;
}

.stdBlock > .body {
	border: 1px solid #ececec;
	padding: 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.stdBlock > .body > .subhead {
	margin: 0;
}

.floatRight {
	float: right;
}
@media (max-width: 1090px) {
  .floatRight {
    float: none;
  }
}

/* new css handles */

#widMyBookRags > .body > .item {
	margin-right: 10px;
	margin-left: 10px;
}
#widMyBookRags > .body > .item:last-child {
	margin-bottom: 3px;
}
#widMyBookRags > .body {
	border-color: #ececec;
}



.topicInfo {
	width: 50%;
	float: left;
}
.topicInfo.noLP {
	width: 100%;
}
.topicInfo ul {
	font-size: 0.8em;
	margin: 10px 10px 5px 5px;
	padding: 0 15px 0 20px;
}

#sgSummary {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	border-bottom: 1px solid #DDD;
	border-radius: 0;
	margin-bottom: 7px;
  padding: 8px;
}
#sgSummary h2 {
	margin: 10px;
	color: #426bad;
}
#sgSummary p {
	margin: 10px;
	font-size: 0.8em;
}

.topicContents {
	width: 50%;
	float: left;
}
.topicContents.noLP {
	width: 100%;
}

.topicTopBlock {
	margin: 5px 20px;
}

@media (max-width: 1090px) {
  .topicTopBlock {
    margin: 5px 10px;
  }
}
.topicTopBlock > .head {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
#topicStudyPackBlock > .head, #topicLpBlock > .head, #topicOtherLPsBlock > .head, #relatedTopics > .head {
	background-image: linear-gradient(#FFF, #f2f2f2);
	background-image: -webkit-linear-gradient(#FFF, #f2f2f2);
	background-image: -moz-linear-gradient(#FFF, #f2f2f2);
	background-image: -o-linear-gradient(#FFF, #f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#f2f2f2);
}
#topicStudyPackBlock > .head > h2, #topicLpBlock > .head > h2 {
	font-weight: bolder;
	text-shadow: none;
	text-align: center;
}
#topicStudyPackBlock > .head > h2 {
	color: #9ccd11;
}
#topicLpBlock > .head > h2, #topicOtherLPsBlock > .head, #relatedTopics > .head {
	color: #fd9c00;
}
#topicStudyPackBlock > .body, #topicLpBlock > .body {
	padding: 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.topicTopBlock > .body > .desc {
	padding: 10px;
	margin-bottom: 0px;
	background-image: linear-gradient(#FFF, #FFF, #f2f2f2);
	background-image: -webkit-linear-gradient(#FFF, #FFF, #f2f2f2);
	background-image: -moz-linear-gradient(#FFF, #FFF, #f2f2f2);
	background-image: -o-linear-gradient(#FFF, #FFF, #f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#f2f2f2);
	background-position: 60% left;
}

.subSections > h3 {
	margin: 0;
	padding: 10px 23px 10px 10px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	border: none;
	cursor: pointer;
	margin-right: 3px;
	background-image: url('../../../images/bookrags/aero300/topictest_2012_07/icon_minus.png');
	background-position: right center;
	background-repeat: no-repeat;
}
.subSections > h3.collapsed, .subSections > h3.ui-state-default {
	background-image: url('../../../images/bookrags/aero300/topictest_2012_07/icon_plus.png');
}
.subSections > h3.ui-state-active {
	background-image: url('../../../images/bookrags/aero300/topictest_2012_07/icon_minus.png');
}
.subSections > h3.odd {
	background-color: #eef9ff;
}
.subSections > h3:focus {
	outline: none;
}
.subSections > .body > .item.odd, #topicOtherLPsBlock .item.odd {
	background-color: #eef9ff;
}
#sgSections > .body, #lpContents > .body {
	padding: 5px 20px;
	font-size: 0.9em;
}
#sgSections > .body {
	height: auto;
}
#sgSections > .long {
	max-height: 500px;
	overflow-y: scroll;
}

.subSections .title {
	color: #000;
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

.subSections .title > .subtitle {
	display: block;
	margin-bottom: 5px;
}

.subSections > .body .item {
	padding-bottom: 10px;
}
.subSections > .body.sectionList > .item {
	padding-bottom: 0;
}

#lpSections > .body {
	padding-bottom: 10px;
}
#lpSections div.collapsed {
	display: none;
}

.topicContents .bottomButton {
	text-align: center;
	padding: 5px 0 10px 0;
	background-image: linear-gradient(#FFF, #f2f2f2);
	background-image: -webkit-linear-gradient(#FFF, #f2f2f2);
	background-image: -moz-linear-gradient(#FFF, #f2f2f2);
	background-image: -o-linear-gradient(#FFF, #f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#f2f2f2);
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

#topicOtherLPsBlock {
	margin: 5px 20px;
}
#topicOtherLPsBlock > .body > .body {
	padding-right: 20px;
}

#topicOtherLPsBlock > .head {
	font-size: 16px;
	font-weight: bolder;
	text-align: center;
}
#widMyBookRags > .body, #topicOtherLPsBlock > .body {
	background-image: linear-gradient(#FFF, #f2f2f2);
	background-image: -webkit-linear-gradient(#FFF, #f2f2f2);
	background-image: -moz-linear-gradient(#FFF, #f2f2f2);
	background-image: -o-linear-gradient(#FFF, #f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#f2f2f2);
	background-position: 60% left;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding-bottom: 5px;
}
#topicOtherLPsBlock > .body > h3 {
	margin: 0;
	padding: 10px 23px 10px 10px;
	margin-right: 3px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	border: none;
	cursor: pointer;
	background-image: url('../../../images/bookrags/aero300/topictest_2012_07/icon_minus.png');
	background-position: right center;
	background-repeat: no-repeat;
}
#topicOtherLPsBlock > .body > h3.collapsed {
	background-image: url('../../../images/bookrags/aero300/topictest_2012_07/icon_plus.png');
}
#topicOtherLPsBlock > .body > div {
	max-height: 500px;
	overflow-y: scroll;
}
#topicOtherLPsBlock div.collapsed {
	display: none;
}
#topicOtherLPsBlock > .body > .body {
	padding: 5px 5px 5px 20px;
	font-size: 0.8em;
}
#topicOtherLPsBlock > .body > .body > .item > .title > .title {
	color: #000;
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}
#topicOtherLPsBlock > .body > .body > .item > .title > .title > .subtitle {
	display: block;
	margin-bottom: 5px;
}
#topicOtherLPsBlock > .body > .body > .item {
	padding-bottom: 10px;
}

#relatedTopics {
	margin: 5px 0px;
}

#relatedTopics > .head {
	font-size: 16px;
	font-weight: bolder;
	text-align: center;
}
#relatedTopics > .body {
	background-image: linear-gradient(#FFF, #f2f2f2);
	background-image: -webkit-linear-gradient(#FFF, #f2f2f2);
	background-image: -moz-linear-gradient(#FFF, #f2f2f2);
	background-image: -o-linear-gradient(#FFF, #f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#f2f2f2);
	overflow: hidden;
	background-position: 60% left;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: 10px;
}
#relatedTopics > .body > .item:last-child {
	margin-bottom: 0px;
}

