@charset "UTF-8";

/* GLOBAL STYLES */

body {
  background: #999;
  font-family: 'Trebuchet', Tahoma, Verdana, Helvetica, Sans;
  color: #777;
}

.clear {
  height: 1px;
  clear: both;
}

a {
  color: #222;
}
  
/* STRUCTURE STYLES */    

.home {
  background: #FFF url(../img/production/home/bgHome.jpg) repeat-x top center;
}

.inside {
  background: #FFF url(../img/production/inside/bg.jpg) repeat-x top center;
}

.student {
  background: #FFF url(../img/production/inside/bgStudent.jpg) repeat-x top center;
}

.teacher {
  background: #FFF url(../img/production/inside/bgTeacher.jpg) repeat-x top center;
}

#wrapper {
  width: 980px;
  margin: 0 auto;
}

.homeWrapper {
  background: #FFF url(../img/production/home/bgHomeWrapper.jpg) repeat-x top center;
}

.insideWrapper {
  background: #FFF url(../img/production/inside/bgInsideWrapper.jpg) no-repeat top center;
}

.insideWrapperProfile {
  background: #FFF url(../img/production/inside/bgInsideWrapperProfile.jpg) no-repeat top center;
}

.studentsWrapper {
  background: #FFF url(../img/production/inside/bgStudentsWrapper.jpg) no-repeat top center;
}

.teacherWrapper {
  background: #FFF url(../img/production/inside/bgTeacherWrapper.jpg) no-repeat top center;
}

.profileHeader {
  height: 50px;
  padding-left: 40px;
}

.profileTitle {
  font-size: 20px;
  font-weight: bold;
  padding-top: 3px;
  float: left;
  width: 170px;
  color: #999;
}

.profileName {
  font-size: 20px;
  font-weight: bold;
  padding-top: 3px;
  float: left;
  width: 225px;
  color: #FFF;
}

.profileCurrent {
  font-size: 13px;
  padding-top: 5px;
  float: left;
  width: 225px;
  color: #999;
}

.columnVideo {
  float: left;
  width: 695px;
}

.columnProfile {
  float:right;
  width: 235px;
  padding: 20px 25px 20px 15px;
  color: #FFF;
}

/* copied for teachers view overrides */
.columnProfileGreen {
  background: url(../img/production/inside/bgInsideWrapperProfile_02_geen.jpg) repeat-y right top;
  float:right;
  width: 285px;
  color: white;
}
/* copied for teachers view overrides */
.columnProfileGreenBottom {
  background: url(../img/production/inside/bgInsideWrapperProfile_03_green.jpg) no-repeat right bottom;
  float:right;
  width: 286px;
  color: white;
  overflow: hidden;
  
}
.columnProfileGreenContent {
  float:right;
  width: 250px;
  padding: 20px 10px 20px 100px;
  color: white;
  overflow: hidden;
  min-height: 371px;
}

.profileVideo {
  float: left;
  width: 425px;
  margin: 0 0 0 15px;
}

.profileOverviewWrapper {
  float: right;
  width: 243px;
  color: #FFF;
}

.profileOverviewContent {
  width: 225px;
  color: #FFF;
  padding-left: 20px;
}

.purchase {
  padding-bottom: 5px;
  padding-right: 5px;
  border-bottom: 1px solid #FFF;
  height: 30px;
  margin-bottom: 10px;
}

.purchase form {
  float: right;
  margin-top: 8px;
}

.purchase p {
  float: left;
  width: 90px;
}

.purchase form .submit {
  margin: 0;
}

.listProfile li {
  margin-bottom: 5px;
}

.buffer {
  margin-top: 15px;
}

#bannerStudentsLanding {
  height: 425px;
}

.sampleRight {
  float: left;
  margin: 15px;
}

.sampleText {
  line-height: 21px;
  margin: 20px 0;
}

/* HEADER STYLES */  

#header {
  height: 138px;
}

.homeHeader {
  height: 129px;
}

.insideHeader {
  height: 108px;
}

#header h1 a {
  display: block;
  float: left;
  height:138px;
  width: 310px;
  text-indent: -9000px;
}

#navTop {
  float: right;
  width: 610px;
  height: 45px;
  padding-top: 7px;
}

#search {
  float: left;
  width: 360px;
}

#search input.text {
  width: 255px;
  border: 1px solid #EFEFEF;
  padding: 5px;
  float: left;
  margin-right: 5px;
  height: 20px;
}

#search input.searchButton {
  width: auto;
  border: none;
  padding: 0px;
  float: none;
  margin: 0;
  height: auto;
}

#logIn {
  float: left;
  width: 85px;
}

#connect {
  float: right;
  width: 55px;
  background: url(../img/production/global/bgConnect.jpg) no-repeat top left;  
  padding-left: 65px; 
}

.listConnect {
  padding-top: 3px;
}

.listConnect li {
  display: inline;
}

#register {
  float: right;
  clear: right;
  color: #FFF;
  text-align: right;
  font-size: 11px;
  width: 610px;
  height: 40px;
}

#register a {
  color: #FFF;
  text-decoration: none;
}

#nav {
  float: right;
  clear: right;
  width: 610px;
}

#nav ul li {
  display: inline;
}

#nav ul li a {
  display: block;
  text-indent: -9000px;
  height: 45px;
  width: 147px;
  background: url(../img/production/global/nav.jpg) no-repeat top left;
  float: left;
  margin: 0 5px 0 0;
}

#nav ul .navHome a {
  background-position: 0px -0px;
}

#nav ul .navHome a:hover {
  background-position: 0px -50px;
}

#nav ul .navSubjects a {
  background-position: -153px -0px;
}

#nav ul .navSubjects a:hover {
  background-position: -153px -50px;
}

#nav ul .navTeachers a {
  background-position: -306px -0px;
}

#nav ul .navTeachers a:hover {
  background-position: -306px -50px;
}

#nav ul .navPurchase a {
  background-position: -459px -0px;
}

#nav ul .navPurchase a:hover {
  background-position: -459px -50px;
}

/* HOME STYLES */

#bannerHome {
  height: 340px;
  padding-top: 20px;
}  

#bannerContent {
  float: left;
  width: 250px;
  padding: 0 0 0 125px;
  color: #FFF;
  line-height: 18px;
  font-size: 11px;
}

#bannerContent p {
 margin: 10px;
}

#bannerStudents {
  background: url(../img/production/home/bgStudents.png) no-repeat top center;
  float: right;
  width: 235px;
  height: 245px;
  color: #FFF;
  padding: 85px 30px 0 30px;
  font-size: 12px;
  line-height: 16px;
}

#bannerStudents h2 {
  font-size: 14px;
  margin-bottom: 5px;
}

#bannerStudents p {
  margin: 5px 0;
  font-size:14px;
  line-height:2em;
}

#bannerTeachers {
  background: url(../img/production/home/bgTeachers.png) no-repeat top center;
  float: right;
  width: 235px;
  height: 245px;
  color: #527018;
  padding: 85px 30px 0 30px;
  font-size: 12px;
  line-height: 16px;
}

#bannerTeachers h2 {
  font-size: 14px;
  margin-bottom: 5px;
}

#bannerTeachers p {
  margin: 5px 0;
  font-size:14px;
  line-height:2em;
}

.columnFeatured {
  background: url(../img/production/home/verticalDivider.png) no-repeat right top;
  float: left;
  padding-right: 15px;
  width: 360px;
  margin-right: 15px;
}

.videoList {
  float: left;
  margin: 20px 0 20px 10px;
  height: 80px;
  width: 315px;
}

.rowFeatured {
  margin: 20px;
}

.featuredThumb {
  float: left;
  width: 135px;
}

.featuredThumb img {
  border: 2px solid #CCC;
height:70px;
width:90px;
}

.featuredOverview {
  float: right;
  width: 175px;
  color: #555;
}

.featuredOverview dt  {
  float: left;
  width: 75px;
  font-weight: bold;
}

.featuredOverview dd  {
  float: left;
  width: 100px; 
  margin-bottom: 7px;  
}

.featuredOverview dd  a {
  color: #339F2C;
  text-decoration: none; 
}

.featuredOverview dd  a:hover {
  text-decoration: underline; 
}

#columnMisc {
  float: right;
  width: 190px;
  padding-top: 25px;
}

.newsletterInput {
  margin: 20px 0 10px 0;
  padding: 5px;
  width: 165px;
}

.newsletterButton {
  margin-bottom: 15px; 
  position:relative;
  top:10px; 
}

#newsletter_block
{
border:2px solid #000;
margin-bottom:30px;
padding:10px 5px 0;
}

#newsletter_form
{
height:80px
}

.tweet_text,
.blue {
  color: #39C5F3;
}

.tweet {
  padding: 7px 5px;
  line-height: 16px;
}

#tweet_block
{
border:2px solid lightblue;
margin-bottom:10px;
}

.tweet-date {
  display: block;
  text-transform: capitalize;
}

.followUs {
  margin: 10px 0;
  padding-left:5px;
  position:relative;
  top:20px;
}
.followUsfacebook
{
  margin: 10px 0;
}

/* CONTENT STYLES */   

#content {
  padding: 20px 0;
  font-size: 11px;
}

#content #column {
  float: right;
  width: 688px; 
}

#content #left_nav,
#content #columnThin {
  float: left;
  width: 282px; 
}

#content #columnAlt {
  float: left;
  width: 667px; 
  padding-right: 21px;
  background: url(../img/production/inside/bgColumnAlt.png) no-repeat top right;  
}

#columnAlt2 {
  float: left;
  width: 667px; 
  padding-right: 21px;
  background-color: #fff;
}

#content #columnThinAlt {
  float: right;
  width: 262px; 
}

#content p {
  padding: 7px 0;	
  line-height: 16px;
}

#content p a {
  color: #000;
  text-decoration: underline;
}

#content a:hover {
  text-decoration: none;
}

#content h2 {
  font-size: 22px;
  color: #66BA50;
  margin-bottom: 10px;
}

#content h3 {
  font-size: 18px;
  color: #666;
  margin-bottom: 20px;
}

#content h4 {
  font-size: 18px;
  color: #FFF;
  height: 31px;
  padding: 8px 0 0 15px;
  background: url(../img/production/inside/bgH4.png) no-repeat top right;  
  margin: 10px 0;
}

#content h5 {
  font-size: 14px;
  color: #999;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #DEDEDE;
}

#content h6 {
  font-size: 12px;
  color: #66BA50;
  margin-bottom: 10px;
}

.alignRight {
  text-align: right;
}

.pageHeader {
  background: url(../img/production/inside/bgHeader.jpg) no-repeat left top;
  width: 688px;
  height: 57px;
  margin-bottom: 20px;
}

.title {
  float: left;
  padding: 12px 0 0 15px;
  color: #FFF;
  font-size: 28px;
  font-weight: bold;
  width: 120px;
}

.titleSmall {
  float: left;
  padding: 16px 0 0 15px;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  
}

.titleLarge {
  float: left;
  padding: 16px 0 0 15px;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  background: transparent url(../img/production/inside/bgHeader2.jpg) no-repeat scroll right top;
  padding-right: 15px;
  margin-right: 5px;
  height: 57px;
}

.description {
  float: left;
  padding: 20px 0 0 0;
  color: #999;
  font-size: 13px;
  text-transform: uppercase;
  width: 400px;
}

.date {
  color: #999;
  font-size: 10px;
}

.divider {
  height: 1px;
  border-bottom: 1px solid #DEDEDE;
  margin: 20px 0;
}

.subjectCategories {
  background: url(../img/production/inside/bgCategories.png) no-repeat top center;
  height: 420px; 
  margin-bottom: 10px;
}

.listCategories {
  padding: 70px 20px 0 25px;
}

.listCategories li {
  font-size: 13px;
  margin-bottom: 10px;
}

.listCategories li a {
  color: #FFF;
  text-decoration: none;
}

.listCategories li a:hover {
  text-decoration: underline;
}

.listBlogArticles li {
  font-size: 11px;
  margin-bottom: 5px;
}

.listBlogArticles li a {
  color: #999;
  text-decoration: none;
}

.listBlogArticles li a:hover {
  text-decoration: underline;
}

.leftColumnContent {
  padding: 0 40px 0 25px;
}

.account .leftColumnContent {
  padding: 10px 40px 10px 25px;
}

.rightColumnContent {
  padding: 10px 0;
}

.boxListings a {
  color: #999;
}

.boxListings li {
  line-height: 15px;
}

.spotlight {
  background: url(../img/production/inside/bgSpotlight.png) no-repeat top center;
  height: 130px; 
  margin-bottom: 25px;
  padding: 50px 30px 0 30px;
}

.spotlight a {
  color: #444;
}

.spotlight span {
  font-weight: bold;
  font-size: 12px;
}

.dark {
  color: #555;
}

.spotlightThumb {
  float: left;
  width: 125px;
  height: 110px;
  margin-right: 15px;
}

.viewingSelect {
  background: #DEDEDE;
  color: #666;
  padding: 2px;
  border: 1px solid #EFEFEF;
  font-size: 11px;
}
.viewing {
  margin-bottom: 20px;
  padding-bottom: 7px;
  border-bottom: 1px solid #DEDEDE;
}

.videoThumb {
  float: left;
  width: 105px;
  text-align: center;
  height: 129px;
  margin: 0 10px;
}

.videoThumb img {
  border: 2px solid #DEDEDE;
  margin-bottom: 4px;
}

.videoThumb span {
  display: block;
  padding-bottom: 3px;
}

.videoThumb a {
  color: #339F2C;
}

.bufferAlt {
  padding-top: 15px;
}

#bannerProfile {
  /*height: 450px;*/
  overflow: hidden;
  background: url(../img/production/inside/bgInsideWrapperProfile_03.jpg) no-repeat left bottom;
  padding-bottom: 20px;
}

/* copied for teachers view overrides */
#bannerProfile2 {
  /*height: 450px;
  overflow: hidden;*/
  /*background: url(../img/production/inside/bgInsideWrapperProfile_03_green.jpg) no-repeat left bottom;*/
  padding-bottom: 20px;
}

.bannerProfileInside {
  background: url(../img/production/inside/bgInsideWrapperProfile_02.jpg) repeat-y left bottom;
  overflow: hidden;
}

/* copied for teachers view overrides */
.bannerProfileInside2 {
  /*background: url(../img/production/inside/bgInsideWrapperProfile_03_green.jpg) no-repeat left bottom;*/
  overflow: visible;
  height: 100%;
}

.bannerProfileInsideGreen {
  /*background: url(../img/production/inside/bgInsideWrapperProfile_02_green.jpg) repeat-y left bottom;
  overflow: hidden;*/
}

.bannerProfileInsideGray {
  background: url(../img/production/inside/bgInsideWrapperProfile_02_gray.jpg) repeat-y left bottom;
  overflow: hidden;
}

.videoDetail {
  margin-bottom: 25px;
}

.videoHighlight {
  background: url(../img/production/inside/bgVideo.png) repeat-x top left;
  height: 440px;
  color: #FFF;
  overflow: hidden;
}

.marginA {
  padding: 90px 35px 20px 25px;
}

.landingRightColumn {
  float: right;
  width: 280px;
}

.landingCategories {
  padding-top: 25px;
  height: 350px;
}

.landingSearch {
  padding: 10px 20px;
}

.landingSearch .text {
  float: left;
  width: 125px;
  padding: 5px;
  border: 2px solid #DEDEDE;
  margin-right: 10px;
}

.landingLeftColumn {
  float: left;
  padding: 50px 0 0 50px;
  width: 600px;
  color: #FFF;
  font-size: 12px;
}

.focus {
  font-weight: bold;
  font-size: 13px;
  border-bottom: 1px solid #FFF;
  padding-bottom: 5px;
  margin: 40px 0 20px 0;
}

/* COLUMNS STYLES */

.subColumnA {
  float: left;
  display: inline;
  width: 240px;
  min-height: 325px;
  margin: 20px 0 0 0;
} 

.subColumnB {
  float: left;
  display: inline;
  width: 525px;
} 

.subColumnC {
  float: right;
  display: inline;
  width: 150px;
} 

.subColumnD {
  float: left;
  display: inline;
  width: 425px;
} 

.subColumnE {
  float: right;
  display: inline;
  width: 248px;
} 

.subColumnF {
  background: url(../img/production/home/verticalDivider.png) no-repeat right top;
  float: left;
  padding-right: 30px;
  width: 200px;
  margin-right: 30px;
} 

.subColumnG {
  background: url(../img/production/home/verticalDivider.png) no-repeat right top;
  float: left;
  padding-right: 15px;
  width: 400px;
  margin-right: 15px;
} 

.teacher #columnMisc,
.student #columnMisc,
.subColumnH {
  float: right;
  width: 270px;
} 

#columnMisc2 {
  float: right;
  width: 250px;
}
.paddingA {
  margin: 0 20px;
}

/* FOOTER STYLES */  

#wrapperFooter {
  background: url(../img/production/global/bgFooter.jpg) repeat-x top center;
  padding: 9px 0;
}

#footer {
  width: 980px;
  margin: 0 auto;
}

#footer #subNav {
  font-size: 12px;
  color: #666; 
  height: 40px;
}

#footer #subNav a {
  color: #666; 
  text-decoration: none;
}

#footer #subNav a:hover {
  text-decoration: underline;
}

#footer .sitemap {
  float: left;
  width: 150px;
  margin-right: 20px;
  color: #FFF;
  font-size: 11px;
}

#footer .sitemap h6 {
  font-size: 14px;
  margin-bottom: 8px;
  text-decoration: underline;
}

#footer .listSitemap li {
  margin-bottom: 3px;
}

#footer .listSitemap li a {
  color: #FFF;
  text-decoration: none;
}

#footer .listSitemap li a:hover {
  text-decoration: underline;
}

#footer .second {
  padding-top: 23px;
}

#footer #internalAd {
  float: right;
  width: 467px;
}

#footer #disclaimer {
  color: #FFF;
  text-align: right;
  font-size: 11px;
  clear: both;
  margin-top: 15px;
}

/* LIST STYLES */  

.listSquare {
  margin: 10px 20px;  
}

.listSquare li {
  margin: 5px 0;
  list-style: square;
  line-height: 21px;
}

.listInline li {
  margin: 0 5px;
  display: inline;
  list-style: none;
}

.listNone {
  margin: 10px 0;  
}

.listNone li {
  margin-bottom: 5px;
  list-style: none;
}

.listAssociated {
  margin: 10px 0;  
}

.listAssociated li {
  margin-bottom: 15px;
  list-style: none;
}

.listNone li a {
  color: #999;
}

/* Paging */
div.paging {
  margin: 10px;
  text-align: right;
  font-size: 90%;
  clear: left;
}
div.paging div.disabled {
  color: #aaa;
  display: inline;
}
div.paging span {}
div.paging span.current {
  color: #000;
}
div.paging span a {}
/* END Paging */

/* notices and errors */
.tip { font-style: italic; color: #656565; font-size: 90%; }
.tip .hilite { font-weight: bold; font-style: italic; }
.error_inline, .error_block, .error-message, #authMessage,
.error_inline a, .error_block a, .error-message a { color:#900 !important; }

.error_block, .warning_block, #authMessage {
    clear: both;
    font-size: 14px;
    padding: .5em 2em;
    margin: 0;
    display:block;
}

.warning_block, .warning_block a { color: #f4f4f4; }
.warning_block { color: #f4f4f4; }

.notice_inline, .notice_block, 
.notice_inline a, .notice_block a {  color: #016101; }

.notice_block {
    font-size: 14px;
    padding: .5em 2em;
    margin: 0;
    display:block;
}
/* notices and errors */

#login {
  width: 400px;
  background: #FFFFFF none repeat scroll 0 0;
  margin: 0 auto 0;
  padding: 30px;
}

/* FORMS */
.input {
  padding: 5px;
  position: relative;
  width: 100%;
  overflow: hidden;
} 

.input label {
  color: #666666;
  font-weight: bold;
}

.input input {
  width: 70%;
}

.input .notes {
  clear: left;
}

.input .notes li {
  line-height: 1.2;
}

.input-checkbox {
  overflow: hidden;
}
.input-checkbox input[type=checkbox] {
  margin: 0; 
  padding: 0; 
  width: auto;
  float: left;
}

.input-checkbox label {
  display: inline;
  margin-left: 1em;
  padding-right: 0;
  line-height: 1;
}

.input .button,
.button1,
.btnSubmit,
.input-submit input {
  width: auto;
  float: none;
}


.submit button {
  margin-left: 120px;
  margin-top: 10px;
}

.submit a {
  margin-left: 10px;
}

.class_list,
.cart {
  width: 100%;
}

.class_list th,
.cart th {
  border-bottom: 2px solid #A7A7A7;
  padding: .3em;
}

.class_list td,
.cart td {
  border-bottom: 1px solid #A7A7A7;
  padding: .3em;
}

.cart td.total {
  text-align: right;
}

.class_list th {
  text-align: left;
}

.class_list th.align-right {text-align: right;}
.class_list th.align-center {text-align: center;}

.class_list td {
  vertical-align: top;
}

#content .class_list h3 {
  margin: 0; padding: 0;
}

#box-submit div.submit {
  float: left;
}

.textarea label {
  float: none;
  display: block;
}

.textarea textarea {
  width: 500px;
}

/* forms */
div.wrap-search {
	padding: 0px;
}

div.wrap-search #search-box  div.submit {
	width: 80px;
	margin-left: 0px;
	margin-top: 0px; 
	text-align: left;
	float: left;
}

div.wrap-search #search-box  div.input {
	margin-top: 0px; 
	float: left;
	
}

fieldset { border: 0; border-top: 1px solid #66BA50; margin-top: 20px; padding: 10px 0px; }
fieldset legend { font-weight: bold; }
fieldset fieldset { border: 0; }
fieldset fieldset legend { font-weight: normal; }

form div { vertical-align: text-top; margin-left: 0em; margin-bottom:1em; }
form div.date{ margin-left: 0; }
label { display: block; padding-right: 20px; line-height: 1.7; }
select { vertical-align: text-bottom; }
option { padding: 0 0.3em; }
div.required { font-weight:bold; }
div.optional {  }
div.submit { margin-top: 40px; margin-left: 140px; }

/* IE 6 */
.radio input, .radio label {
	display: inline;
	width: auto;
}


.invisible {display: none;}

.action_link {
  margin-right: 10px;
}

.star-classview {
  overflow: hidden;
}

.user-avatar {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.cake-debug {
  background-color: #efefef;
}

#class-materials-form .input {
	width: auto;
}

#class-materials-form .input input {
	width: auto;
}

#class-materials-form .textarea textarea {
	width: auto;
}

.edit_class_form .input  {
	width: auto;
} 

.edit_class_form .input input {
	width: auto;
}

.edit_class_form .textarea textarea {
	width: auto;
}

.edit_class_form .input label {
	display: inline;
}

.comments dd {
	padding: 0 20px;
}

.leftNav {
  background: url(../img/bgNav.png) no-repeat top left;
  height: 440px;
  color: #FFF;
}
.leftNav a {
  color: #FFF;
}
.leftNav li {
  	font-size: 13px;
  	margin-bottom: 10px;
}
.leftNav .leftColumnContent {
	padding-bottom: 0px;
	padding-top: 20px;
}
#content .leftNav h3 {
	color: #fff;
}

#container .account #column {
	width: 708px;
}
#container .account #left_nav,
#container .account #columnThin {
	width: 262px;
}

p.report-abuse {
	text-align: right;
}

p.report-abuse a {
	color: #339F2C !important;
}

#pl21-block-subjects_academics,
#pl21-block-subjects_business,
#pl21-block-subjects_craft,
#pl21-block-subjects_fine_arts,
#pl21-block-subjects_home,
#pl21-block-subjects_howto,
#pl21-block-subjects_misc,
#pl21-block-subject_religion,
#pl21-block-subjects_sports {
	margin-bottom: 20px;
}