/* @group {{{ notes */

/* ================================================

This stylesheet is best edited using CSSedit. With CSSedit, all the of the @groups will be viewable as folders in the left column. It makes things MUCH easier to read and manage.

Naming conventions:
Dashes denote folder structure. For example, "header" is inside "page structure," so we call it "-header". "Nav" is inside "-header", so we call it "--nav." This should make the stylesheet easier to navigate, even without CSSedit.

================================================ */ 

/* Table of Contents

base
Special development and testing styles, CSS resets, utility styles, heads (h1, h2, etc), standard markup styles, and forms.

page structure
Header, footer, and layout options.

general content
Main content styles like ratings, tooltips, featured content areas, and articles

col-aside & modules
The right column - styles for this column and all modules

promo carousel
Styles for the 3-up promo carousel

feature well
Styles for the large, rotating feature well

pages
Styles for unique pages like metadata, TV schedule, and the resource frame

}}} */


/* @group {{{ base */

/* @group {{{ -development */

/* Un-comment for easy testing */
/*div { border: 1px solid red !important; }*/

.dev-note {
  padding: 5px 5px 5px 10px;
  font-family: Arial, Helvetica;
  font-size: 12px;
  margin: 30px 10px 10px;
  color: #fff;
  line-height: 16px;
  background: #222;
  text-align: left !important;
}
.dev-note strong {
  background: #000;
  color: #ecffaa;
  padding: 0 7px;
}
.dev-note ul {
  list-style-type: disc;
}
.dev-note ul li {
  background-image: none;
  padding: 0;
}

/*.dev-note { display: none; }*/

/* @end }}} */

/* @group {{{ -reset */
/* This area resets many existing styles that browsers have, and makes the whole stylesheet easier to work with */
*{margin:0; padding:0}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .btn{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
a img, frameset{border:0}
q:before, q:after{content:""}
q{quotes:"" ""}

/* @end }}} */

/* @group {{{ -utility */
/* Utility styles, like clearfix, that are useful and re-useable */
.clearfix:after, .col:after, .module:after, .wrap-inner:after, .content-callout:after, .article .footer:after, #nav:after, .module-promo-teachers .footer:after, .buttons:after, .content-twocols:after, .content-threecols:after, .content-fourcols:after, .content-chooser-grade:after, .content-highlight .header:after, .header-articles:after, .article .meta:after, .ad p:after, .discussionsHomeLeftCol ul.x-tab-strip-top:after, .search-twocols:after, .promo-carousel:after, .module-section:after, .promo-carousel-inner:after, form:after, form .form-field:after, form .form-field .multi-field:after, form .wide-label:after, #module-dashboard .footer:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.clear{clear:both}
.left{float:left !important}
img.left, a.left img{margin:0 16px 16px 0}
.right{float:right !important}
img.right, a.right img{margin:0 0 16px 16px}
img.border { border: 1px solid #6e6e6e;}
.hide{display:none}
.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em}
.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em}
.skip-nav{display:none}
.intro { font-size: 1.25em; }
.caption { font-size: .833em; /* 10px, if parent is 12px */ margin: 10px 0 0 0}
.highlight { color: #cb262d; }
.print-me { display: none; }
img.frame {
  padding: 5px;
  background: #fff;
  border-bottom: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
}
.margin-bottom { margin-bottom: 2em; }
.noborder{ border: none !important; }
.nobg { background-image: none !important;}
.nomargin { margin: 0 !important;}

/* @end }}} */

/* @group {{{ -fonts */

body, textarea, .article-resource .date, #module-dashboard.collapsed .content a, #module-dashboard.collapsed h3, .module-section h5, .discussionsHomeLeftCol h2, #resource-details, input.text, input[type=text], input[type=password] {
  font-family: Lucida Grande, Lucida Sans Unicode, Tahoma, sans-serif;
}
h1, h2, h3, h4, h5, .header-tabs, .nav-secondary, #module-dashboard .content ul, .btn, .content-chooser, .primetimemodstation, #nav ul, #tvschedules .tabrule, #feature-well .feature-title, form fieldset legend {
  font-family: Trebuchet MS, Myriad, Myriad Pro, Futura, Function, Helvetica, Arial, sans-serif;
  font-weight: 700;
}

/* @end }}} */

/* @group {{{ -headers */
h1, h2, h3, h4, h5, h6 { 
  color: #4c4c4c; 
  margin: 0 0 0.25em 0;
  font-weight: 700;
  line-height: 1.3;
}
h1 {
  font-size: 2.916em; /* 35px */
}
h2 {
  font-size: 1.833em; /* 22px */
}
h2.header-home {
  height: 25px;
  padding: 12px 0 0;
}
h3 {
  font-size: 1.416em; /* 17px */
}
h4 {
  font-size: 1.25em; /* 15px */
}
h5 {
  font-size: 1.083em; /* 13px */
}
h6 {
  font-size: 1em; /* 12px */
}
.header-page {
  border-bottom: 1px solid #d1d1d1;
  padding: 10px 0 0 0;
  position: relative;
  background-color: #fff;
  background-position: top right;
  background-repeat: no-repeat;
}
.header-page h1 {
  padding: 5px 5px 0;
  margin: 0 0 5px;
}

/* These styles affect the blue "grade" markers" */
.header-subject .grade {
 display: block;
 width: 80px;
 height: 40px;
 position: absolute;
 left: 0;
 top: 18px;
 text-indent: -9999px;
 background: no-repeat 0 0 url(bg-grade.png);
}
.header-subject .grade-prek { background-position: 0 0; }
.header-subject .grade-k-2 { background-position: 0 -40px; }
.header-subject .grade-3-5 { background-position: 0 -80px; }
.header-subject .grade-6-8 { background-position: 0 -120px; }
.header-subject .grade-9-12 { background-position: 0 -160px; }
.header-subject h1 {
  padding-left: 90px;
}

/* These styles affect the large header backgrounds */
.header-grade-prek { background-image: url(bg-grade-prek.jpg); }
.header-grade-k-2 { background-image: url(bg-grade-k-2.jpg); }
.header-grade-3-5 { background-image: url(bg-grade-3-5.jpg); }
.header-grade-6-8 { background-image: url(bg-grade-6-8.jpg); }
.header-grade-9-12 { background-image: url(bg-grade-9-12.jpg); }
.header-subject-the-arts { background-image: url(bg-subject-thearts.jpg); }
.header-subject-health-fitness { background-image: url(bg-subject-healthfitness.jpg); }
.header-subject-math { background-image: url(bg-subject-math.jpg); }
.header-subject-reading { background-image: url(bg-subject-readinglanguagearts.jpg); }
.header-subject-science-tech { background-image: url(bg-subject-sciencetech.jpg); }
.header-subject-social-studies { background-image: url(bg-subject-socialstudies.jpg); }

/* @group {{{ -header-tabs */

.header-tabs {
  position: relative;
  top: 1px;
  clear: both;
  height: 40px;
  margin: 15px 0 0 0;
  font-size: 1.083em;
  padding: 0 10px;
  overflow: visible;
}
.header-tabs li {
  height: 40px;
  padding: 0;
  margin: 0;
  background-image: none;
  float: left;
  position: relative;
}
.header-tabs a, .header-tabs .tab-inner {
  display: block;
  float: left;
  background-image: url(bg-header-tabs.png);
  background-repeat: no-repeat;
  cursor: pointer;
}
.header-tabs a {
  height: 40px;
  background-position: 0 0;
  padding-left: 20px;
}
.tab-resources a, .tab-discussions a, .tab-profdev a { padding-left: 40px; }
.header-tabs .tab-inner {
  height: 27px;
  padding: 13px 20px 0 0;
  background-position: right 0;
}
.header-tabs a:hover { background-position: 0 -40px}
.header-tabs a:hover .tab-inner { background-position: right -40px; }
.header-tabs a.cur { background-position: 0 -80px; border-bottom: 1px solid #fff; }
.header-tabs a.cur .tab-inner { background-position: right -80px; }
.header-tabs .tab-resources a{ background-position: 0 -120px; }
.header-tabs .tab-resources a .tab-inner { background-position: right -120px; }
.header-tabs .tab-resources a:hover { background-position: 0 -160px; }
.header-tabs .tab-resources a:hover .tab-inner { background-position: right -160px; }
.header-tabs .tab-resources a.cur { background-position: 0 -200px; }
.header-tabs .tab-resources a.cur .tab-inner { background-position: right -200px; }
.header-tabs .tab-discussions a { background-position: 0 -240px; }
.header-tabs .tab-discussions a .tab-inner { background-position: right -240px; }
.header-tabs .tab-discussions a:hover { background-position: 0 -280px; }
.header-tabs .tab-discussions a:hover .tab-inner { background-position: right -280px; }
.header-tabs .tab-discussions a.cur { background-position: 0 -320px; }
.header-tabs .tab-discussions a.cur .tab-inner { background-position: right -320px; }
.header-tabs .tab-profdev a { background-position: 0 -360px; }
.header-tabs .tab-profdev a .tab-inner { background-position: right -360px; }
.header-tabs .tab-profdev a:hover { background-position: 0 -400px; }
.header-tabs .tab-profdev a:hover .tab-inner { background-position: right -400px; }
.header-tabs .tab-profdev a.cur { background-position: 0 -440px; }
.header-tabs .tab-profdev a.cur .tab-inner { background-position: right -440px; }

/* @end }}} */

/* @end }}} */

/* @group {{{ -links */
/* There are the standard colors and styles for links */

a { color:#1a79a0; text-decoration:none}
a:focus, a:hover { color: #239bcd; text-decoration:underline }
a:active { color: #0d5e80 }
/*a:visited { color: #4f7a8c }*/

/* This line reduces the weird "dotted-border" issue Phark produces in Firefox */
a[class], a[id], #header a, .stars a{ outline:none }

/* @end }}} */

/* @group {{{ -tables */
table{border-collapse:separate;border-spacing:0}
caption, th, td{text-align:left;font-weight:normal}
table, td, th{vertical-align:middle}
table.data{
  margin-bottom:1.5em;
  width:100%;
  border-top: 1px solid #D1D1D1;
  border-right: 1px solid #EAEAEA;
  border-left: 1px solid #EAEAEA; 
}
.data th, .data td{ 
  border-bottom: 1px solid #D1D1D1;
  padding: 3px;
  border-right: 1px solid #EAEAEA;
  border-left: 1px solid #EAEAEA;  
}
.data th{
  background: #EAEAEA;
  font-weight: 700;
}
.data caption{ display: none; }

/* @end }}} */

/* @group {{{ -lists */
ul {
  list-style-type: none;
  margin: .25em 0 1em 30px;
  position: relative;
}
ol {
  margin: .25em 0 1em 50px;
  list-style-type:decimal;
}
ul li {
  padding-left: 20px;
  position: relative;
  background: url(bg-li.png) 0 7px no-repeat;
}
.col-aside ul li {
  background-position: 0 3px;
}
li {
  margin: 0 0 5px 0;
}
dl{margin:0 0 1.5em 0}
dl dt{font-weight:700}
dl dd{margin: 0 0 1em 1.5em}
/* @end }}} */

/* @group {{{ -other markup */
p{margin:0 0 .75em}
p img{margin:0.5em 0 }
p img.right{float:right;margin:0 0 1.5em 1.5em}
p.center{ text-align: center; }
strong{font-weight:700}
em, dfn{font-style:italic}
dfn{font-weight:700}
sup, sub{line-height:0}
abbr, acronym{border-bottom:1px dotted #666; letter-spacing:0.1em}
address{margin:0 0 1.5em;font-style:italic}
del{color:#666}
pre, code{margin:1.5em 0;white-space:pre}
pre, code, tt{font:1em 'andale mono', 'lucida console', monospace;line-height:1.5}
blockquote {
  background: url(bg-blockquote.png) 0 6px no-repeat;
  padding-left: 20px;
  color: #6e6e6e;
  margin: 0 0 10px 0;
}
blockquote .blockquote-inner {
  background: url(bg-blockquote.png) bottom right no-repeat;
  display: block;
  padding-right: 20px;
}
iframe{margin: 12px 0}
/* @end }}} */

/* @group {{{ -hrs */

hr, div.hr{color:#FFF;clear:both;float:none;width:100%;height:1px;margin:15px 0;border:none;background: transparent; border-bottom: 1px solid #d1d1d1;border-collapse: collapse;line-height: 1px;overflow: hidden;}
hr.hr-tall, div.hr-tall {
  margin: 25px 0;
}
div.hr hr{display:none}
hr.invisible, div.invisible{height: 1px;margin: 12px 0;background: none;}

/* Place this style on an HR and images will flow over it naturally */
hr.no-clear{ clear: none !important; }

.col-aside hr, .col-aside div.hr { margin: 15px 0; }

h1.hr, h2.hr, h3.hr, h4.hr, h5.hr, h6.hr, p.hr, ul.hr, ol.hr, dl.hr, blockquote.hr {
  border-top: 1px solid #d1d1d1;
  margin-top: 15px;
  padding-top: 15px;
}

/* @end }}} */

/* @group {{{ -buttons */

button::-moz-focus-inner { border: 0; }
button, a.button, .btn { 
  cursor: pointer;
  margin: 0 10px 5px 0;
}
button.right, a.button.right, .btn.right, .btn-right {
  margin: 5px 0 5px 10px;
  float: right !important;
}
button:active, a.button:active, .btn:active { 
  position: relative;
  top: 1px;
  color: #fff;
}
div.buttons {
  margin: 0;
  padding: 0 0 10px 0;
  position: relative;
}
/*Button primary*/
.btn, .module-schedule input#submitbutton, .btn-mini, .btn-mini-green {
  background-image: url(btn-grid.png);
  background-repeat: no-repeat;
}
.btn, .module-schedule input#submitbutton {
  background-color: #258833;
  background-position: 0 0;
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  border: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 30px;
  float: left;
  text-align: center !important;
}
.btn:hover {
  background-position: 0 -30px;
  text-decoration: none;
  color: #fff;
}
.btn:active {
  color: #fff;
  text-decoration: none;
}
a.btn {
  padding: 5px 12px;
  height: 20px;
  display: block;
}
a.btn-sm, a.btn-med, a.btn-lrg, a.btn-sm-primary, a.btn-med-primary, a.btn-lrg-primary, a.btn-sm-secondary, a.btn-med-secondary, a.btn-lrg-secondary, a.btn-sm-urgent, a.btn-med-urgent, a.btn-lrg-urgent {
  padding: 5px 0;
}
.btn-sm, .btn-sm-primary, .btn-sm-secondary, .btn-sm-urgent  {
  width: 60px;
}
.btn-med, .btn-med-primary, .btn-med-secondary, .btn-med-urgent {
  width: 140px;
}
.btn-lrg, .btn-lrg-primary, .btn-lrg-secondary, .btn-lrg-urgent {
  width: 220px;
}
/* Button Primary */
.btn-primary { background-position: 0 0; }
.btn-primary:hover { background-position: 0 -30px; }
.btn-sm-primary, .btn-sm { background-position:  0 -200px; }
.btn-sm-primary:hover, .btn-sm:hover { background-position: 0 -230px; }
.btn-med-primary, .btn-med { background-position: -60px -200px; }
.btn-med-primary:hover, .btn-med:hover { background-position: -60px -230px; }
.btn-lrg-primary, .btn-lrg { background-position: -200px -200px; }
.btn-lrg-primary:hover, .btn-lrg:hover { background-position: -200px -230px; }

/* Button Secondary (Gray) */
.btn-secondary, .btn-sm-secondary, .btn-med-secondary, .btn-lrg-secondary {
  background-color: #919191
}
.btn-secondary { background-position: 0 -60px; }
.btn-secondary:hover { background-position: 0 -90px; }
.btn-sm-secondary {  background-position: 0 -260px; }
.btn-sm-secondary:hover { background-position: 0 -290px; }
.btn-med-secondary { background-position: -60px -260px; }
.btn-med-secondary:hover { background-position: -60px -290px; }
.btn-lrg-secondary { background-position: -200px -260px; }
.btn-lrg-secondary:hover { background-position: -200px -290px; }

/* Button Urgent (Red) */
.urgent { color: #b00e0e; }
.btn-urgent, .btn-sm-urgent, .btn-med-urgent, .btn-lrg-urgent {
  background-color: #b00e0e
}
.btn-urgent { background-position: 0 -120px; }
.btn-urgent:hover { background-position: 0 -150px; }
.btn-sm-urgent { background-position: 0 -320px; }
.btn-sm-urgent:hover { background-position: 0 -350px; }
.btn-med-urgent { background-position: -60px -320px; }
.btn-med-urgent:hover {  background-position: -60px -350px; }
.btn-lrg-urgent { background-position: -200px -320px; }
.btn-lrg-urgent:hover {  background-position: -200px -350px; }

/* Mini-buttons */
.btn-mini {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  background-color: #fff;
  background-position: 0 -550px;
  font-size: 11px;
  cursor: pointer;
  font-weight: 700;
  float: left;
  height: 24px;
  margin: 0 10px 0 0;
  line-height: 19px;
}
.btn-mini span {
    height: 23px;
    display: block;
  padding: 1px 10px 0;  
  float: left;
}
.btn-mini-save, .btn-mini-share {
  float: left;
  display: block;
}
.btn-mini-share {
  margin-right: 0;
}
.btn-mini-share span, .btn-mini-save span{
  padding-right: 8px;
  padding-left: 22px;
} 
.btn-mini-share span {
    background: -3px 5px no-repeat url(icn-grid.png);
}
.btn-mini-save span {
    background: -3px -45px no-repeat url(icn-grid.png);
}
.btn-mini-green {
  color: #fff;
  background-color: #258833;
  background-position: 0 -580px;
}
/* @end }}} */

/* @group {{{ -forms */

/* @group {{{ --basic form styles */

select { display: block; width: 100%; }
input.text, input[type=text], input[type=password] {padding:6px 5px; margin-right: 10px;font-size: 1em;}
textarea{height:250px;padding:5px;font-size: 1em;}
input.radio { margin: 0 5px 0 0;}
label { font-weight: 700}
form { z-index: 1; }
form fieldset { border: none; margin: 0; padding: 0; }
form fieldset legend { margin: 0; padding: 0; }
form li.form-field { margin: 0 0 10px 0; padding: 5px 0; clear: both; background-image: none; font-size: 0.916em;}
form ul.form-fields { margin: 0; padding: 0; clear: both; list-style: none;}
form .wide-label, form .wide .wide-label, form .tall .wide-label { width: auto; float: none; margin: 0; display: block; }
form label, form .label, form .tall label, form .tall .label { display: block; float: none; padding: 0; width: auto; font-weight:700; line-height: 1.3em;}
form .form-field .text, form .form-field input[type=text], form .form-field input[type=password], form .tall .text, form .tall .file-field, form .form-field .select, form .tall .select, form .tall select, form textarea, form .tall textarea { float: left; font-size:1em;}  
form fieldset legend { color: #333; font-weight: 700; font-size: 1.2em; margin: 0; padding: 5px 0 8px 0; }
form .text, form input[type=text], form input[type=password], form .password, form input[type=password], form textarea, .module-schedule input {
  border: 1px solid #c4c4c4;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: url(bg-field-shadow.png) #FFF 0 0 repeat-x;
}
form .text:focus, form input[type=text]:focus, form input[type=password]:focus, form .password:focus, form input[type=password]:focus, form textarea:focus, form input.focus, form  textarea.focus, form .text.focus, form input[type=text].focus, form input[type=password].focus {
  border: 1px solid #6e6e6e;
}
form label em, form .label em, form .help em { color: #CB2929; font-style: normal; }

/* @end }}} */

/* @group {{{ --tall form (label above input) */

form label, form .tall label, form .tall .label { margin: 0 0 5px 0; }
form .text, form input[type=text], form input[type=password],  form .tall .text, form .tall input[type=text],, form .tall input[type=password], form .tall .file-field { width: 50%; }
form .form-field .select, form .form-field select, form .tall .select, form .tall select { width: 50%; }
form textarea, form .tall textarea { width: 45%; height: 12em; }
form .multi-field, form .tall .multi-field { width: auto; float: left; }
form .multi-field, form .tall .multi-field { width: 50%;}
form .multi-field .wide-label, form .tall .multi-field .wide-label { display: block; }
form .multi-field .tall-label, form .tall .multi-field .tall-label { width: 30%;}
form .tall .multi-field .tall-label { width: 25% !important; }

/* @end }}} */

/* @group {{{ --multi-field styles (line with three items) */

form .multi-field .wide-label, form .tall .multi-field .wide-label { display: block; margin: 0 0 5px 0; }
form .multi-field .tall-label, form .tall .multi-field .tall-label { float: left; width: auto; margin: 0 10px 10px 0; }
form .multi-field .tall-label .text, form .multi-field .tall-label input[type=text], form .multi-field .tall-label input[type=password], form .multi-field .tall-label .select, form .multi-field .tall-label select, form .tall .multi-field .tall-label .text, form .tall .multi-field .tall-label input[type=text], form .tall .multi-field .tall-label input[type=password], form .tall .multi-field .tall-label .select, form .tall .multi-field .tall-label select{ width: 100%; margin: 5px 0 0 0; }

/* @end }}} */

/* @group {{{ --wide form styles (label beside input) */

form .wide label, form .wide .label { float: left; margin: 0; padding: 0; position: relative; }
form .wide .text, form .wide input[type=text], form .wide input[type=password], form .wide .file-field, form .wide .select, form .wide select, form .wide textarea { float: left; }
form input.checkbox { margin: 0 5px 0 0;overflow: hidden;}
form label.checkbox { font-weight: 300; vertical-align: top;padding: 0 0 0 20px; width: auto;}
form label.checkbox input.checkbox{ float: left; margin-left: -20px; }
form .wide .help,
form .wide .errorlist {
    clear: both;
    float: none;
    width: auto;
}
form .wide .multi-field { float: left; }
form .wide .multi-field .tall-label .text, form .wide .multi-field .tall-label input[type=text], form .wide .multi-field .tall-label input[type=password], form .wide .multi-field .tall-label .select, form .wide .multi-field .tall-label select { display: block; width: 100%; float: none; }
form .wide .multi-field select { float: left; }

form .wide-label input, form .wide .wide-label input, form .tall .wide-label input {float: left; margin: 0 5px 0 0; }
form .wide-label span { float: left; width: 90%; }
 
form .wide label, form .wide .label {width: 20%; margin: 5px 5% 0 0; }
form .wide .text, form .wide input[type=text], form .wide input[type=password], form .wide .file-field { width: 70%; }
form .wide .select, form .wide select { width: 70%; }
form .wide textarea { width: 70%; height: 12em; }
form .wide .help {margin-left: 25%; font-size: 1em; color: #888; position: static; line-height: 1.3; }
form .wide .multi-field { width: 70%; margin: 0; }
form .wide .multi-field .wide-label { clear:both; display: block; margin: 0 0 5px 0; }
form .wide .multi-field .tall-label { float: left; width: 30%; }
form .wide .multi-field .tall-label .text, form .wide .multi-field .tall-label input[type=text], form .wide .multi-field .tall-label input[type=password], form .wide .multi-field .tall-label .select, form .wide .multi-field .tall-label select { width: 90%; margin: 5px 0 0 0; }


form ul.errorlist {
    margin-left: 25%;
    font-size: 1em;
    color: #888;
    color: #b00e0e;
    position: static;
    line-height: 1.3;
    list-style-type: none;
    padding: 0;
}
form .multi-field ul.errorlist {
    margin-left: 0;
}
form ul.errorlist li {
    background: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
/* @end }}} */

/* @group {{{ --form feedback */

form li.cur {
  background-color: #eaeaea;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  padding: 4px 0;
}
form li.error {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FBF1AC none repeat scroll 0 0;
    border:2px solid #E4B536;
    margin:0 0 10px;
    padding:5px;
}
.error-message { background: #fbf1ac; margin: 0 0 10px 0; padding: 7px; border: 2px solid #e4b536; }
.error-message li.error { background: #fbf1ac; border: 2px solid #e4b536; margin: 0 0 10px 0; padding: 5px; }
.error-message dt, #error-message h4 { margin: 0 0 5px 0; font-size: 1.2em; line-height: 1.5em; font-weight: 700; }
.error-message dd { margin: 0; padding: 0; }
.error-message ol { margin: 0; padding: 0; }
.error-message ol li { margin: 0; padding: 2px; list-style-type: none; list-style-position: inside; position: relative; }
.success-message { background: #bfe7f3; margin: 0 0 15px 0; padding: 7px; border: 2px solid #93d3e6; }
.success-message ol { margin-bottom: 0; margin-left: 1em; }
.success-message ol li { list-style-type: none; }
.success-message p { margin: 0; }
.help,
form .tall .help {float: right; clear: none; margin-top:0;}
form .help, form .tall .help { width: 45%; color: #888;}


/* @end }}} */

/* @end }}} */

/* @end }}} */

/* @group {{{ page structure */

/* @group {{{ -basic layout*/

body{ 
  font-size:62.5%;
  text-align: center;
  line-height: 1.667; /* 12/20 */
  color: #292929;
  background: #E7E5ED url(bg-body.png) top center repeat-y;
}
.wrap-outer {
}
.wrap-inner {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
#content {
  position: relative;
  z-index: 1;
  background: url(bg-content.png) top center repeat-y;
}
#content .wrap-inner {
  border-bottom: 1px solid #d1d1d1;
  font-size: 1.2em;
  padding: 0;
}
.col-main {
  width: 600px;
  padding: 15px 0 15px 20px;
  float: left;
  z-index: 1; 
  position: relative;
  min-height: 320px;
}
.col-aside {
  float: right;
  width: 320px;
  margin: 15px 0;
  text-align: center;
  z-index: 1; 
  position: relative;
}
.col-main .col {
  width: 280px;
}
.col-main .col-1 {
  float: left;
}
.col-main .col-2 {
  float: right;
}
/* @end }}} */

/* @group {{{ -layout variations */

/* The default layout is 2 columns with a blue BG on the right. Use the following styles to override this */
.layout-flipped  {
  background: url(bg-content-flipped.png) top center repeat-y !important;
}
.layout-nobg, .layout-cols3-equal, .layout-cols2-equal, .layout-cols1 {
  background-image: none !important;
}
.layout-flipped .col-main {
  float: right;
  padding: 20px 20px 20px 0;
}
.layout-flipped .col-aside {
  float: left;
}
.layout-cols2-equal .col-main, .layout-cols2-equal .col-aside {
  width: 460px;
  float: left;
}
.layout-cols2-equal .col-aside {
  float: right;
}
.layout-cols3-equal .col {
  width: 290px;
  float: left;
  padding-top: 20px;
  padding-bottom: 20px;
}
.layout-cols3-equal .col-1, .layout-cols3-equal .col-2  {
  padding-left: 30px;
}
.layout-cols3-equal .col-3 {
  padding-right: 0;
  float: right;
}
.layout-cols1 .col-main {
  float: none;
  width: auto;
}
.layout-nopad .wrap-inner, .layout-nopad .wrap-inner, .layout-nopad .col-main {
  padding: 0;
}
.layout-home .wrap-inner {
  padding-top: 30px;
  background: url(bg-content-home-inner.jpg) top center no-repeat;  
}
/* @end }}} */

/* @group {{{ -header */
#logo {
  position: absolute;
  left: 0;
  top: 0;
}
#logo a{
  background: url(logo-web.png) center top no-repeat;
  outline:none;
  position: relative;
  display: block;
  width: 220px;
  height: 86px;
  position: relative;
  top: 19px;
}
.header-home #logo a {
  height: 70px;
}
/* This line pushes our "print" logo off the page. It'll be visible when a user prints, but not when they're just viewing the site. */
#logo a img{
  position: absolute;
  left: -9999px;
}
#header {
  background: url(bg-header.png) 0 0 repeat-x;
  position: relative;
  z-index: 10;
}
#header .wrap-inner{
  position: relative;
  height: 105px;
}
#header.header-home .wrap-inner {
  height: 89px;
}


/* @group {{{ --nav */
.wrapper-nav {
  background: url(bg-wrapper-nav.png) 0 0 no-repeat;
  width: 711px;
  height: 81px;
  float: right;
  position: relative;
  z-index: 100;
}
#nav {
  list-style-type: none;
  margin: 0;
  float: left;
  position: relative;
  top: 30px;
  left: 6px;
  z-index: 20;
}
#nav li {
  padding: 0;
  background-image: none;
}
#nav li, #nav li a.nav-grade  {
  display: block;
  float: left;
  height: 50px;
  position: relative;
  z-index: 80;
}
#nav li a.nav-grade {
  text-indent: -90000px;
}
#nav li a.nav-grade {
  background-image: url(nav.png);
  background-repeat: no-repeat;
}
#nav li#pre-k a.nav-grade {
  background-position: 0 0;
  width: 70px;
}
#nav li#pre-k a.nav-grade:hover, #nav li#pre-k.sfHover a.nav-grade {
  background-position: 0 -55px;
}
#nav li#pre-k.cur a.nav-grade {
  background-position: 0 -110px;
}
#nav li#k-second a.nav-grade  {
  background-position: -70px 0;
  width: 79px;
}
#nav li#k-second a.nav-grade:hover, #nav li#k-second.sfHover a.nav-grade {
  background-position: -70px -55px;
}
#nav li#k-second.cur a.nav-grade  {
  background-position: -70px -110px;
}
#nav li#third-fifth a.nav-grade  {
  background-position: -149px 0;
  width: 81px;
}
#nav li#third-fifth a.nav-grade:hover, #nav li#third-fifth.sfHover a.nav-grade {
  background-position: -149px -55px;
}
#nav li#third-fifth.cur a.nav-grade  {
  background-position: -149px -110px;
}
#nav li#sixth-eighth a.nav-grade  {
  background-position: -230px 0;
  width: 79px;
}
#nav li#sixth-eighth a.nav-grade:hover, #nav li#sixth-eighth.sfHover a.nav-grade {
  background-position: -230px -55px;
}
#nav li#sixth-eighth.curs a.nav-grade  {
  background-position: -230px -110px;
}
#nav li#ninth-twelth a.nav-grade  {
  background-position: -309px 0;
  width: 80px;
}
#nav li#ninth-twelth a.nav-grade:hover, #nav li#ninth-twelth.sfHover a.nav-grade {
  background-position: -309px -55px;
}
#nav li#ninth-twelth.cur a.nav-grade  {
  background-position: -309px -110px;
}
#nav ul {
  position: absolute;
  top: 49px;
  left: -19px;
  background: #FFF;
  border: 1px solid #00547a;
  z-index: 40;
  margin: 0 0 0 19px;
  padding: 10px 10px 5px 10px;
  font-size: 1.272em; /* 15px */
  display: none;
  font-weight: normal;
}
#nav ul li, #nav ul a {
  float: none;
  width: 175px;
  height: auto;
  background: #FFF;
  padding: 0;
  margin: 0;
}
#nav ul a {
  width: auto;
  display: block;
  margin: 0;
  padding: 5px;
  border-bottom: #d1d1d1 1px solid;
}
#nav ul a:hover {
  background-color: #d6eef3;
}
#nav ul .last a {
  padding-bottom: 0;
  border-bottom: 0;
}
#nav ul .last {
  padding-bottom: 5px;
}
.search-header {
  position: absolute;
  top: 38px;
  left: 410px;
}
.search-header p{
  position: absolute;
  left: 187px;
  top: -33px;
  width: 108px;
  text-align: center;
}
.search-advanced {
  color: #fff;
  text-align: center;
  display: block;
  padding: 4px;
}
#search-header-field {
  margin: 0;
  float: left;
  padding: 7px;
  width: 245px;
  position: absolute;
  left: 0;
  height: 12px;
}
#search-header-field.focus, #search-header-field:focus {
  border: 1px solid #fff;
} 
#search-header-btn {
  color: #228a3c;
  position: absolute;
    left: 214px;
    top: -1px;
}
.nav-utility {
  position: absolute;
  top: 8px;
  left: 0;
  color: #fff;
  width: 585px;
  text-align: right;
}
.nav-utility a {
  color: #fff;
}
/* @end }}} */

/* @group {{{ --breadcrumb */

#nav-breadcrumb {
  list-style: none;
  position: absolute;
  width: 540px;
  margin: 0;
  top: 95px;
  left: 90px;
}
#nav-breadcrumb li {
  line-height: 12px;
  height: 15px;
  display: inline;
  padding: 0 9px 0 1px;
  background: url(bg-separators.png) right 3px no-repeat;
}
#nav-breadcrumb li.last {
  background-image: none;
}

/* @end }}} */

/* @group {{{ --nav-sub */
#wrap-nav-sub {
  z-index: 5;
  background: url(bg-header.png) 0 -89px repeat-x;
  position: relative;
  z-index: 5;
}
#nav-sub {
  text-align: left;
  background-color: #ededed;
  position: relative;
  padding: 0 0 3px 0;
  background: url(bg-nav-sub.png) bottom left no-repeat;
}
#inner-nav-sub {
  padding: 0 320px 0 80px;
  background: url(bg-nav-sub.png) 0 0 no-repeat;
}
#nav-sub .title {
  display: none;
}
#nav-sub-updates {
  position: relative;
  line-height: 15px;
  padding: 8px 8px 8px 0;
  text-align: right;
}
#nav-other-sites {
  position: absolute;
  left: 730px;
  margin: 0;
  top: 0;
  width: 275px;
}
#nav-other-sites li {
  padding: 0;
  float: left;
  margin: 0;
  background: url(bg-separators.png) right -240px no-repeat;
  background-image: none;
}
#nav-other-sites li.last {
  background-image: none;	
}
#nav-other-sites li a {
  display: block;
  float: left;
  padding: 7px 7px 9px;
}
#nav-other-sites .dropdown {
  position: relative;
}
#nav-other-sites .dropdown .dropdown-link {
  background: url(bg-separators.png) right -190px no-repeat;
  padding-right: 17px;
}
#nav-other-sites .sfHover {
  background-color: #fff;
}
#nav-other-sites ul {
  display: none;
  position: absolute;
  top: 32px;
  left: 0px;
  background-color: #fff;
  margin: 0;
  z-index: 5;
  padding: 5px 0;
  width: 140px;
  border: 1px solid #00547a;
}
#nav-other-sites li.sfHover .dropdown-link {
  background: #fff url(bg-separators.png) right -216px no-repeat;
  border: 1px solid #00547a;
  position: relative;
  z-index: 10;
  padding: 6px 16px 9px 6px;
  border-bottom: none;
}
#nav-other-sites .dropdown ul a, #nav-other-sites .dropdown ul li {
  background-image: none;
  float: none;
}
#nav-other-sites .dropdown li {
  padding: 0 5px;
  border-bottom: #d1d1d1 1px solid;
}
#nav-other-sites .dropdown .last {
  border-bottom: none;
}
#nav-other-sites .dropdown ul a {
  padding: 5px;
}
/* @end }}} */
 
/* @end }}} */

/* @group {{{ -footer */
#footer .wrap-inner {
  text-align: center;
  font-size: 1.3em;
  padding: 25px 0 50px;
}
#footer h2 {
  height: 32px;
  line-height: 0;
  margin: 0;
  font-size: 1.384em; /* 18px */
}
#footer ul {
  margin: 0 0 3px;
  padding: 0;
  line-height: 19px;
}
#footer ul li{
  display: inline;
  margin: 0;
  padding: 0 10px 0 5px;
  background: url(bg-separators.png) right -47px no-repeat;
}
#footer ul li.last{
  background-image: none;
}
#footer .title {
  color: #8d8d8d;
  text-transform: uppercase;
  background-image: none;
  padding: 0 5px 0 0;
}

/* @end }}} */

/* @end }}} */

/* @group {{{ general content */

/* @group {{{ -featured content */

.content-chooser-subject ul {
  font-size: 1.083em; /* 12px */
  margin: 0;
}
.content-chooser-grade li {
  width: 10%;
  padding-right: 4%;
  float: left;
}
.content-featured ul {
  margin: 0;
}
.content-featured ul a {
  font-size: 1.083em; /* 12px */
}

/* @end }}} */

/* @group {{{ -pagination */

.pagination {
  color: #6e6e6e;
  margin: 5px 0 15px 0;
  background: #e8eced;
  border-top: 1px solid #d5dee0;
  border-bottom: 1px solid #d5dee0;
  padding: 2px 6px;
}
.pagination li {
  display: inline;
  padding: 0 5px;
  background-image: none;
}

/* @end }}} */

/* @group {{{ -star rating */
.stars, .stars a:hover {
  background-image: url(icn-star-grid.png);
  background-repeat: no-repeat;
}
.stars {
  width: 80px;
  height: 16px;
  line-height: 0;
  margin: 0;
  display: block;
  background-position:  0 0;
  position: relative;
  text-align: left;
  z-index: 1;
}
span.stars { text-indent: -9999px;}
.stars.user-rating-1:hover,
.stars.user-rating-2:hover,
.stars.user-rating-3:hover,
.stars.user-rating-4:hover,
.stars.user-rating-5:hover { background-position: -80px -0px; }
.global-rating-0, .user-rating-0 { background-position: -80px -0px; }
.user-rating-1 { background-position: -64px -32px;}
.user-rating-2 { background-position: -48px -32px;}
.user-rating-3 { background-position: -32px -32px;}
.user-rating-4 { background-position: -16px -32px;}
.user-rating-5 { background-position: -0px -32px;}
.global-rating-0-5 { background-position: -64px -16px; }
.global-rating-1 { background-position: -64px 0;}
.global-rating-1-5 { background-position: -48px -16px; }
.global-rating-2 { background-position: -48px 0; }
.global-rating-2-5 { background-position: -32px -16px; }
.global-rating-3 { background-position: -32px 0; }
.global-rating-3-5 { background-position: -16px -16px; }
.global-rating-4 { background-position: -16px 0;}
.global-rating-4-5 { background-position: 0 -16px; }
.global-rating-5 { background-position: 0 0;}
.stars li {
  height: 1px;
  width: 1px;
  z-index: 1;
  position: absolute;
}
li.star-1 { z-index: 500; }
li.star-2 { z-index: 400; }
li.star-3 { z-index: 300; }
li.star-4 { z-index: 200; }
li.star-5 { z-index: 100; }

/* @group {{{ --big stars */

.stars a{
  display: block;
  height: 16px;
  position: absolute;
  text-indent: -9999px;
  line-height: 1px;
  left: 0;
  top: 0;
}
.star-1 a { width: 16px; }
.star-2 a { width: 32px; }
.star-3 a { width: 48px; }
.star-4 a { width: 64px; }
.star-5 a { width: 80px; }
.stars a:hover, .stars a.cur {
  background-position: 0 -32px;
}

/* @end }}} */

/* @group {{{ --little */

.article .stars, #header-frame .stars {
  width: 45px;
  height: 9px;
  background-position: -45px -48px;
}
.article .star-1 a, #header-frame .star-1 a { width: 9px; }
.article .star-2 a, #header-frame .star-2 a { width: 18px; }
.article .star-3 a, #header-frame .star-3 a { width: 27px; }
.article .star-4 a, #header-frame .star-4 a { width: 36px; }
.article .star-5 a, #header-frame .star-5 a { width: 45px; }
.article .stars a:hover, .article .stars a.cur, #header-frame .stars a:hover, #header-frame .stars a.cur {
  background-position: 0 -86px;
}
.article .global-rating-0, #header-frame .global-rating-0, .article .user-rating-0, #header-frame .user-rating-0 { background-position: -45px -48px; }

.article .user-rating-1, #header-frame .user-rating-1 { background-position: -36px -86px;}
.article .user-rating-2, #header-frame .user-rating-2 { background-position: -27px -86px;}
.article .user-rating-3, #header-frame .user-rating-3 { background-position: -18px -86px;}
.article .user-rating-4, #header-frame .user-rating-4 { background-position: -9px -86px;}
.article .user-rating-5, #header-frame .user-rating-5 { background-position: -0px -86px;}
.article .global-rating-0-5, #header-frame .global-rating-0-5 { background-position: -36px -67px; }
.article .global-rating-1, #header-frame .global-rating-1 { background-position: -36px -48px;}
.article .global-rating-1-5, #header-frame .global-rating-1-5 { background-position: -27px -67px; }
.article .global-rating-2, #header-frame .global-rating-2 { background-position: -27px -48px; }
.article .global-rating-2-5, #header-frame .global-rating-2-5 { background-position: -18px -67px; }
.article .global-rating-3, #header-frame .global-rating-3 { background-position: -18px -48px; }
.article .global-rating-3-5, #header-frame .global-rating-3-5 { background-position: -9px -67px; }
.article .global-rating-4, #header-frame .global-rating-4 { background-position: -9px -48px;}
.article .global-rating-4-5, #header-frame .global-rating-4-5 { background-position: 0px -67px; }
.article .global-rating-5, #header-frame .global-rating-5 { background-position: 0 -48px;}

/* @end }}} */

/* @end }}} */

/* @group {{{ -tooltip */

.tooltip-object {
  position: relative;
  cursor: help;
  z-index: 1;
}
.tooltip-object:hover, .tooltip-object a:hover {
  text-decoration: none;
}
.tooltip{
  background: transparent url(bg-tooltip.png) bottom left;
  border-top: 2px solid #e4b536;
  font-size: 11px !important;
  line-height: 16px !important;
  height: auto !important;
  font-weight: 300 !important;
  width: 190px;
  display:none;
  position: absolute !important;
  bottom: 105%;
  left: 20px;
  z-index: 100;
  padding: 5px 5px 25px 5px;
  color: #292929 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

/* @end }}} */

/* @group {{{ -multi-columns */

.content-twocols, .content-threecols, .content-fourcols {
  margin: 10px 0 25px 0;
}
.content-twocols .col, .content-threecols .col, .content-fourcols .col {
  float: left;
  padding-right: 5%;
}
.content-twocols .col { width: 45%; }
.content-threecols .col { width: 30%; }
.content-fourcols .col { width: 20%; }
.content-twocols .col2  { 
  float: right;
}
.content-twocols .col2, .content-threecols .col3, .content-fourcols .col4 { 
  padding-right: 0; 
}

/* @end }}} */

/* @group {{{ -adsense */

/* Container div for ads. */
#adsense {margin: 25px 0 0 0; padding: 10px; background: #ecf8fa; font-size: 0.916em; border: 1px solid #d9e3e7; }

/* Link styles for any link in the adsense Container. */
#adsense a:link, #adsense a:visited {text-decoration: none;}
#adsense a:hover, #adsense a:active {text-decoration: underline;}

/* Link styles for the Headline link of a site targeted Ad. */
#adsense a.headline {margin: 0; padding: 0; font-weight: 900;}
#adsense a.headline_site_targeting:link,
#adsense a.headline_site_targeting:visited,
#adsense a.headline_site_targeting:hover,
#adsense a.headline_site_targeting:active
 {margin: 0; padding: 5px 0 0 0;  font-weight: 900;}

/* Link styles for the Description link of an Ad. */
#adsense a.description:link {margin: 0; padding: 0; font-weight: 100; line-height: 1.25em; color:#292929; text-decoration: none;}
#adsense a.description:visited {margin: 0; padding: 0; font-weight: 100; line-height: 1.25em; color:#292929; text-decoration: none;}
#adsense a.description:hover {margin: 0; padding: 0; font-weight: 100; line-height: 1.25em; color:#292929; text-decoration: none;}
#adsense a.description:active {margin: 0; padding: 0; font-weight: 100; line-height: 1.25em; color:#292929; text-decoration: none;}

/* Link styles for the Visible Url link of an Ad. */
#adsense a.visible_url:link,
#adsense a.visible_url:visited,
#adsense a.visible_url:hover,
#adsense a.visible_url:active
 {margin: 4px 4px 4px 0; text-decoration: none; font-weight: 100;}

/* Link styles for the What's This div. */
.adsense_whatsthis {clear: both; text-align: right; margin: 10px 0 0 0; padding: 0; font-weight: 900; }

/* If the alternate Container has been used because Google returned a site targeted Ad, set some appropriate margins on the What's This div. */
.adsense_whatsthis_site_targeting {clear: both; text-align: right; margin: 10px 0 0 0; padding: 0; font-weight: 900;}

/* Styles for the Header div. */
.adsense_header { margin: 0 0 7px 0; padding: 0; font-weight: 900; color: #333; }

/* Styles for the Ad unit divs. word-wrap is an IE M$ proprietary CSS extension, and was only used at google's specific request. */
.adsense_ad {margin: 0 0 7px 0; word-wrap: break-word; overflow: hidden;}

/* Styles for a site-targeted Ad unit, with slightly different margins. */
.adsense_ad_site_targeting {margin: 0 0 7px 0; word-wrap: break-word; overflow: hidden;}

/* @end }}} */

/* @group {{{ -content-highlight */

.content-highlight {
  padding-left: 0;
  margin: 15px 0;
}
.content-highlight + .content-highlight{
  border-top: 1px solid #d1d1d1;
  padding-top: 15px;
}
.content-highlight .header {
  overflow: hidden;
}
.content-highlight .header .meta{
  float:right;
  font-size:0.916em;
  padding-left: 15px;
}
.content-highlight .header .meta a{
  padding-left: 15px;
}
.content-highlight-thumb {
  padding: 0 0 0 80px;
}
.content-highlight-thumb .thumb {
  float: left;
  margin-left: -80px;
}
.content-highlight-purple a {
  color: #4a3f97;
}
.content-highlight-green a {
  color: #228b3c;
}
.content-highlight h5 {
  margin: 0;
}
.content-highlight .description {
  font-size: .916em; /* 11px */
  line-height: 1.545em /* 17px */
}

/* @end }}} */

/* @group {{{ -articles  */

/* These are the little blocks of resources, prof-dev items, and discussions */
.header-articles h2 a {
  text-decoration: none;
  color: #4c4c4c;
}
.header-articles a.meta {
  float: right;
  display: block;
  font-size: .916em; /* 11px */
  padding: 5px 10px 0 10px
}
.header-articles-yellow {
  padding: 4px 10px 5px 10px;
  margin: 0 0 10px 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #f6e681 url(bg-shadow-bottom.png) bottom center repeat-x;
}
.header-articles-yellow h2 {
  margin: 0;
}
.article {
  font-size: .916em; /* 11px */
  line-height: 1.363; /*11/15*/
  position: relative;
  background-image: url(bg-article.png);
  background-repeat: repeat-y;
  background-position: -1800px 0;
  padding: 0;
  margin: 0 0 10px 0;
}
.article:hover a {
  text-decoration: underline;
}
.article-inner {
  background-image: url(bg-article-inner.png);
  background-repeat: no-repeat;
  background-position: -1800px 0;
}
.article .footer {
  padding: 0 15px 10px 80px;
  background-image: url(bg-article-footer.png);
  background-repeat: no-repeat;
  background-position: -1800px bottom;
  font-size: 0;
  line-height: 0;
}
.article .footer p, .article .footer ul  {
  font-size: 11px;
  line-height: 15px;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: hidden;
}
.article .header {
  padding: 10px 10px 0 80px;
}
.article .description {
  padding: 0 20px 0 80px;
}
.article h4 {
  margin: 0 0 2px 0;
}
.article .meta {
  color: #bababa;
}
.article .meta, .article .footer {
  font-size: 10px;
}
.article h4 {
  font-size: 1.363em;
}
.article .meta {
  margin: 0 0 8px 0;
  display: block;
}
.article .footer {
  margin: 8px 0 0 0;
}
.article .footer a {
  font-weight: 700;
}
.article .reply, .article .replies, .article .subscribe, .article .comments, .article .tags {
  background-image: url(icn-grid.png);
  background-repeat: no-repeat;
}
.article .tags {
  width: 320px;
  float: left;
  margin: 0;
  background-position: 0 -245px;
  padding: 0 0 5px 30px
}
.article .tags li {
  display: inline;
  padding: 0;
  margin: 0;
  background-image: none;
}
.article-buttons {
  float: right;
  width: 140px;
  padding-bottom: 5px;
  overflow: hidden; 
}
.article .author, .article .type {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 15px;
  top: 10px;
}
.article .type {
  text-indent: -9999px;
  background: -500px 0 no-repeat url(icn-resources-grid.png);
}
.article .type-offline-activity { background-position: -500px 0; }
.article .type-lesson-plan { background-position: -500px -50px; }
.article .type-interactive { background-position: -500px -100px; }
.article .type-audio-video { background-position: -500px -150px; }
.article .type-pbs-products { background-position: -500px -200px; }
.article .type-non-pbs-links { background-position: -500px -250px; }
.article .type-non-pbs-book { background-position: -500px -300px; }
.article .type-article { background-position: -500px -350px; }
.article .type-teacherline-class { background-position: -500px -400px; }

/* @group {{{ -article types */
.article-resource {
  background-position: 0 0;
}
.article-resource .header, .article-profdev .header {
  padding-right: 120px;
}
.article-resource .article-inner {
  background-position: 0 0;
}
.article-resource .footer {
  background-position: 0 bottom;
}
.article-resource .date {
  color: #bababa;
  font-size: 0.667em;
  font-weight: normal;
}
.article-resource .stars, .article-resource .comments {
  display: block;
  width: 45px;
  height: 15px;
  position: absolute;
  left: 530px;
}
.article-resource .login-to-rate-popup {
    cursor: pointer;
}
.article-resource .stars {
  top: 13px;
}
.article-resource .comments {
  top: 30px;
  text-align: right;
  background-position: 0 -100px;
}
.article-discussion, .article-discussion .article-inner {
  background-position: -600px 0;
}
.article-discussion .footer {
  background-position: -600px bottom;
}
.article-discussion a {
  color: #228b3c;
}
.article-discussion a:hover {
  color: #25b048;
}
.article .reply, .article .replies, .article .subscribe {
  padding: 5px 5px 5px 30px;
}
.article .reply {
  background-position: 0 -97px; 
}
.article .replies {
  background-position: 0 -147px;
}
.article .subscribe {
  background-position: 0 -200px;
}
.article-profdev, .article-profdev .article-inner {
  background-position: -1200px 0;
}
.article-profdev .footer {
  background-position: -1200px bottom;
}
.article-profdev a {
  color: #4a3f97;
}
.article-profdev a {
  color: #5a4cbf;
}
.article-profdev .date {
  display: block;
  width: 130px;
  height: 15px;
  position: absolute;
  left: 450px;
  top: 10px;
  text-align: right;
}
/* Course descriptions carry <br>s for padding. */
.article-profdev .description ul br {
    display: none;
}

/* @end }}} */

/* @end }}} */

/* @group {{{ -content-callouts */

.content-callout {
  padding: 15px;
  margin: 0 0 15px 0; 
  background: #d7eef3 url(bg-shadow-bottom.png) bottom center repeat-x;
  background-position: bottom right;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.content-callout img {
  border: 5px solid #fff;
}
.content-callout .callout-image {
  float: left;
  padding: 5px 10px 0 10px;
  width: 100px;
  margin: 0 15px 15px 0;
}
.content-callout .callout-image-med {
  width: 200px;
}
.content-callout-notice {
  background-color: #fff3a5;
}

/* @end }}} */

/* @end }}} */

/* @group {{{ col-aside & modules */

/* @group {{{ -basic styles */

.col-aside * {
  text-align: left;
}
.col-aside h1, .col-aside h2, .col-aside h3, .col-aside h4, .col-aside h5, .col-aside h6, .col-aside div.hr, .col-aside p, .col-aside ul, .col-aside dl, .col-aside blockquote, .col-aside p, col-aside .hr {
  margin-right: 20px;
  margin-left: 20px;
}
.col-aside .hr {
  width: auto;
}

/* @end }}} */

/* @group {{{ -secondary nav */

ul.nav-secondary {
  text-align: left;
  margin: 0;
  font-size: 1.083em; /* 13px */
  font-weight: 700;
  margin: 15px 0;
  background: #fff;
}
.nav-secondary li.title {
  font-size: 1.307em; /* 17px */
  padding: 10px 10px 10px 20px;
}
.nav-secondary li {
  padding: 0 20px;
  margin: 0;
  background-image: none;
}
.nav-secondary a {
  display: block;
  border-bottom: 1px solid #9bbcc3;
}
.nav-secondary span {
  display: block;
  padding: 5px 0;
  cursor: pointers;
}
.nav-secondary li.cur {
  background: url(bg-secondary-cur-li.png) top left no-repeat;
  margin-bottom: 5px;
  position: relative;
  top: -1px;
  padding: 0;
}
.nav-secondary li.cur a {
  background: url(bg-secondary-cur-a.png) bottom left no-repeat;
  position: relative;
  border: none;
  top: 8px;
  color: #292929;
  font-weight: 700;
  padding: 0 20px 12px;
}
.nav-secondary .no-results a {
  color: #bad7e3;
}
.nav-secondary-search span {
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: 0 8px;
  background-image: url(icn-resources-grid.png);
}
.search-all span { padding-left: 0; background-image: none;}
.search-lesson-plans span { background-position: 0 8px; }
.search-offline-activity span { background-position: 0 -42px; }
.search-audio-video span { background-position: 0 -92px; }
.search-non-pbs-links span { background-position: 0 -142px; }
.search-interactives span { background-position: 0 -192px; }
.search-pbs-products span { background-position: 0 -242px; }
.search-non-pbs-books span { background-position: 0 -292px; }

/* @end }}} */

/* @group {{{ -social media */

.col-aside .social-media {
  text-align: right;
  height: 24px;
  padding: 13px 5px 6px 5px;
}
.col-aside .social-media h5 {
  display: inline;
  margin: 0;
  padding: 0 5px 0 0;
}
.col-aside .social-media a{
  display: inline;
  padding: 3px 4px 0 4px;
}
.col-aside .social-media img {
  position: relative;
  top: 3px;
}

/* @end }}} */

/* @group {{{ -ad */
.ad {
  margin: 5px;
  padding: 5px;
}
.ad img {
  line-height: 0;
  display: block;
}
.ad p {
  color: #494949;
  font-size: .75em; /* 9px */
  margin: 0 0 5px 0;
}
.ad p span {
  float: left;
}
.ad p a.whats-this {
  float: right;
}
.ad300 {
  background: url(bg-ad300.jpg) bottom left no-repeat;
  border-right: #d6eef3 1px solid;
}
.layout-nobg .ad300 {
  background: url(bg-ad300.jpg) bottom right no-repeat;
  border-right: #fff 1px solid;
}
/* @end }}} */

/* @group {{{ -modules */

/* @group {{{ --text styles */

.module h1, .module h2, .module h3, .module h4, .module h5, .module h6, .module div.hr, .module p, .module ul,  .module ol,  .module dl, .module blockquote {
  margin-right: 0;
  margin-left: 0;
}
.module ul {
  margin: 5px 0 5px 10px;
}
.module li {
  margin: 0 0 2px 0;
}

/* @end }}} */

/* @group {{{ --basics */

.module {
  font-size: 0.916em; /* 11px */
  line-height: 1.363; /* 11/15 */
  background: url(bg-module.jpg) bottom left repeat-y;
  margin: 10px 5px;
}
.layout-nobg .module {
  background: url(bg-module.jpg) bottom right repeat-y;
}
.module .header {
  margin-bottom: 15px;
  position: relative;
  background: #2a93b4 url(bg-module-header.png) 0 0 no-repeat;
}
.layout-nobg .module .header {
  background-position: -310px 0;
}
.module .header {
  padding: 5px 20px;
}
.module .content {
  padding-bottom: 5px;
}
.module .footer {
  padding: 5px 20px;
  font-size: 0;
  line-height: 0;
}
.module .footer *  {
  font-size: 11px;
  line-height: 15px;
  overflow: hidden;
}
.module .footer * * {
  padding-top: 0;
}
.module .header h3 {
  font-size: 1.181em; /* 13px */
  font-weight: normal;
  margin: 0;
}
.module .header a, .module .header h3 {
  color: #FFF;
}
.module .intro {
  font-size: 1.181em; /* 13px */
  line-height:1.818em; /* 20px */
}
.module .transparent, .module .module-hero {
  float: right;
  position: relative;
  margin: -30px 0 5px 10px;
}
.module h4 {
  font-size: 1.545em; /* 17px */
}
.module h4 + p.meta {
  margin-top: -3px;
  margin-bottom: 15px;
  display: block;
}
.module .content {
  padding: 0 20px;
}
.module .footer {
  padding-bottom: 15px;
  background: url(bg-module-footer.jpg) bottom left no-repeat;
}
.layout-nobg .module .footer, .layout-nobg #module-dashboard .footer {
  background-position: bottom right;
}
.module .footer a {
  padding-right: 15px;
}
.module-yellow .header {
  background-position: 0 -200px;
}
.layout-nobg .module-yellow .header {
  background-position: -310px -200px;
}
.module-white .header {
  background-position: 0 -250px;
}
.layout-nobg .module-white .header {
  background-position: -310px -250px;
}
.module-yellow .header h3, .module-yellow .header h3 a, #module-dashboard .header h3 a,
.module-white .header h3, .module-white .header h3 a, #module-dashboard .header h3 a {
  color: #3c3b35;
}
.module-gold .header {
  background-color: #c7930a;
  background-position: 0 -150px;
}
.layout-nobg .module-gold .header {
  background-position: -310px -150px;
}
.module-purple .header {
  background-color: #5f549d;
  background-position: 0 -100px;
}
.layout-nobg .module-purple .header {
  background-position: -310px -100px;
}
.module-green .header {
  background-color: #228a3c;
  background-position: 0 -50px;
}
.layout-nobg .module-purple .header {
  background-position: -310px -50px;
}
.module-section {
  clear: both;
  margin: 0 0 10px 0;
}
.module-section p {
  margin: 0 0 5px 0;
}
.module-section h5 {
  margin-bottom: 0;
  font-size: 1.181em; /* 13px */
  font-weight: 300;
}
.module-section + .module-section {
  border-top: 1px solid #d1d1d1;
  padding-top: 10px;
}
.module .noborder {
  padding-top: 0;
}
.module-section-thumb {
  padding-left: 75px;
}
.module-section-thumb img {
  float: left;
  margin-left: -75px;
  margin-bottom: 10px;
}

/* @end }}} */

/* @group {{{ --collapsing modules */

.collapsible .header {
  padding-right: 10px;
}
.collapsible .header:hover {
  opacity: .9;
}
.collapsible h3 {
  cursor: pointer;
  background: url(bg-collapse.png) right 0 no-repeat;
  padding-right: 20px;
}
.collapsed h3 {
  cursor: pointer;
  background-position: right -50px;
}
.collapsible.module-green h3 { background-position: right -100px; }
.collapsed.module-green h3 { background-position: right -150px; }
.collapsible.module-purple h3 { background-position: right -200px; }
.collapsed.module-purple h3 { background-position: right -250px; }
.collapsible.module-gold h3 { background-position: right -300px; }
.collapsed.module-gold h3 { background-position: right -350px; }
.collapsible.module-yellow h3 { background-position: right -400px; }
.collapsed.module-yellow h3 { background-position: right -450px; }
.collapsed * {
  display: none;
}
.collapsed .header, .collapsed .header *, .collapsed .footer {
  display: block;
} 
.collapsed .header {
  margin: 0;
}
.collapsed .footer{
  padding: 0 0 7px 0;
}
/* @end }}} */

/* @group {{{ --refine search */
.module-search .buttons {
  margin-top: -10px;
}
.search-twocols .col {
  float: left;
  width: 120px;
  padding-right: 20px;
}
.search-twocols .col2 {
  padding-right: 0;
  float: right;
}
.search-twocols ul {
  margin: 10px 0 0 0;
}
.search-twocols li {
  padding: 0;
  background-image: none;
}
.search-twocols .form-field {
  margin: 0;
}

/* @end }}} */

/* @group {{{ --discussion module */

/* @group {{{ ---discussion module simulation */

.discussionsHomeLeftCol {
  font-size: 0.916em; /* 11px */
  line-height: 1.363; /* 11/15 */
  margin: 10px 5px;
  position: relative;
  background: #FFF url(bg-module.jpg) bottom left repeat-y;
}
#content #topicsContainer .x-tab-panel {
  padding: 0 0 15px 0;
  background: url(bg-module-footer.jpg) bottom left no-repeat;
}
.discussionsHomeLeftCol .leftColNarrowTop {
  padding: 5px 20px;
  background: url(bg-module-header.png) 0 -250px no-repeat
}
.discussionsHomeLeftCol h1 {
  margin: 10px 0 0 0;
  font-size: 17px;
}
.discussionsHomeLeftCol h2 {
  font-size: 12px;
  margin: 15px 0 10px 0;
}
.topicsLegend {
  font-size: 10px;
}
.discussionsHomeLeftCol ul {
  margin: 5px 0 5px 15px;
  list-style-type: disc;
}
.discussionsHomeLeftCol li {
  margin: 0 0 2px 0;
  padding: 0;
  background-image: none;
}
#content .x-tab-panel-body {
  padding: 15px 25px;
}
#content .x-tab-panel-header, #content .x-tab-panel-footer, #content .x-tab-panel-body, #content .x-panel-body {
  background-color: transparent;
  border: 0;
}
#content .x-tab-strip {
  list-style-type: none;
}
#content #topicsContainer *{
  padding: 0;
}
#content #topicsContainer .x-tab-panel-bwrap{
  padding: 0 0 0 20px;
}
/* @end }}} */

/* @group {{{ ---discussion tabs */

#content .x-tab-strip-wrap {
  width: auto;
  margin: 0 20px 0 0;
}
#content .x-tab-strip li {
  float: left;
  margin: 0;
  padding: 0;
}
#content span.x-tab-strip-text {
  color:#1a79a0;
}
#content #topicsContainer .x-tab-right {
  background: url(bg-header-tabs.png) 0 0;
  height: 30px;
  display: block;
  padding: 0 0 0 12px;
  margin: 0;
  float: left;
  position: relative;
  color:#1a79a0;
}
#content #topicsContainer .x-tab-left {
  background: url(bg-header-tabs.png) right 0;
  height: 20px;
  display: block;
  padding: 10px 12px 0 0;
}
#content #topicsContainer .x-tab-right:hover { background-position: 0 -40px}
#content #topicsContainer .x-tab-right:hover .x-tab-left  { background-position: right -40px; }
#content #topicsContainer .x-tab-strip-active .x-tab-right { background-position: 0 -80px}
#content #topicsContainer .x-tab-strip-active .x-tab-right .x-tab-left { background-position: right -80px; }

#content #topicsContainer .x-tab-strip .x-tab-strip-active {
  background-color: #fff;
}
#content #topicsContainer ul.x-tab-strip-top {
  background-image: none;
  background-color: transparent;
  border-bottom: none;
  width: auto;
  border-bottom: #cad5d7 1px solid;
}

/* @end }}} */

/* @end }}} */

/* @group {{{ --module-dashboard */

#module-dashboard {
  background: #fff3a5 url(bg-module-dashboard.png) 0 0 repeat-y;
  margin-top: 0;
}
#module-dashboard div.hr {
  border-bottom: 1px solid #ebe1a3;
  margin: 0 0 10px;
}
#module-dashboard h3 .dashboard-homepage {
  display: none;
}
#module-dashboard .content {
  padding-left: 90px;
}
#module-dashboard .content img {
  float: left;
  margin-left: -70px;
}
#module-dashboard .footer {
  font-size: .909em;
  padding: 5px 15px 15px;
  position: relative;
  background:transparent url(bg-module-dashboard-footer.png) no-repeat scroll left bottom;
}
#module-dashboard .footer a {
  padding: 0;
}
#module-dashboard .station-logo {
  border: 2px solid #F6E681;
  position: absolute;
  top: 15px;
  right: 15px;
}
#module-dashboard .content ul {
  margin: 0;
}
#module-dashboard .content li {
  background-image: none;
  padding: 0 0 3px 10px;
  margin: 0;
}
#module-dashboard .content a {
  font-size: 1.181em;
  font-weight: 300;
  padding-left: 25px;
  display: block;
  background: url(icn-grid.png) -500px 0 no-repeat;
}
#module-dashboard .dashboard-homepage a {
  background-position: -500px 0;
}
#module-dashboard .dashboard-resources a {
  background-position: -500px -50px;
}
#module-dashboard .dashboard-discussions a {
  background-position: -500px -100px;
}
#module-dashboard .footer ul {
  margin: 0;
}
#module-dashboard .footer ul li{
  float: left;
  background-image: none;
  padding: 0;
}
#module-dashboard .footer ul li a{
  float: left;
  padding: 0 6px 0 3px;
  background: url(bg-separators.png) right -47px no-repeat;
}
#module-dashboard .footer ul li.last a{
  background-image: none;
}

/* @group {{{ ---collapsed state */

#module-dashboard.collapsed .dashboard-welcome, #module-dashboard.collapsed .dashboard-punctuation {
  display: none;
}
#module-dashboard.collapsed h3 .dashboard-homepage, #module-dashboard.collapsed h3 .dashboard-homepage a, #module-dashboard.collapsed h3 .dashboard-name {
  display: inline;
  font-size: 11px;
}
#module-dashboard.collapsed h3 .dashboard-homepage a {
  color: #1A79A0;
  background:transparent url(bg-separators.png) no-repeat scroll -10px -48px;
  padding:0 1px 0 10px;
}

#module-dashboard.collapsed .footer {
  padding: 0 0 5px 0;
}

/* @end }}} */

/* @end }}} */

/* @group {{{ --module-mediainfusion */
.module-mediainfusion .content {
}
/* @end }}} */

/* @group {{{ --module-promo */

.module-promo {
  position: relative;
  z-index: 1;
}
.module-promo * {
  position: relative;
  z-index: 100;
}
.module-promo img.promo-image {
  position: relative;
  z-index: 1;
  line-height: 0;
}
.module-promo .content {
  position: absolute;
  width: 200px;
  top: 10px;
  left: 0;
}
/* @end }}} */

/* @group {{{ --module-promo-site */
.module-promo-site .content {
  top: 10px;
  left: -5px;
}
.module-promo-site .content h4 a {
  color: #136c94;
}
/* @end }}} */

/* @group {{{ --module-promo-teacher */
.module-promo-teachers {
  margin-top: 0px;
}
.module-promo-teachers .content {
  top: 55px;
  left: -10px;
}
.module-promo-teachers ul li {
  background: url(bg-li-promo-teachers.png) 0 5px no-repeat;
  padding-left: 10px;
}
.module-promo-teachers .footer {
  margin-top: 0;
  text-align: right;
  padding-left: 20px;
}
.module-promo-teachers .footer span {
  float: left;
  margin-right: 10px;
  margin-top: 3px;
}
.module-promo-teachers .footer .btn-mini {
  margin-right: 0;
}
.module-promo-teachers .footer p {
  float: right;
  margin: 0;
}
.module .footer a.btn-mini, .module .footer a.btn-mini span {
  padding-right: 0;
}
.module .footer a.btn-mini:hover, .module .footer a.btn-mini:active {
  color: #fff;
}
/* @end }}} */

/* @group {{{ --module-schedule */
.module-schedule input {
  height: 30px;
  width: 90px;
  clear: both;
  float: left;
  margin: -8px 10px 0 0;
}
.module-schedule strong {
  display: block;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.module-schedule input#submitbutton {
 width: auto;
 clear: none;
}
.module-schedule img, .module-schedule br {
  display: none;
}
.module-schedule .module-section img {
  display: inline;
}
.primetimemoddate {
  padding: 0 0 0 12px;
  background: url(bg-separators.png) -8px -47px no-repeat;
}
.primetimemodstation {
  font-size: 17px;
  display: block;
  margin: 0 0 5px 0;
}
.whatsontonightcontent {
  padding: 15px 0;
}
.primetimemod {
  margin-bottom: 10px;
}
.primetimemodtexttime {
  width: 70px;
}

/* @end }}} */

/* @group {{{ --module-site-announcements */
.module-site-announcements .content {
}
.module-site-announcements .content .message {
    padding-top: 0.5em;
}
.module-site-announcements .content h4 {
    padding-top: 1em;
}
.module-site-announcements .content h4:first-child {
    padding-top: 0em;
}
/* @end }}} */

/* @group {{{ --module-webinar */
.module-webinar .content h4.webinar-title {
    line-height: 1em;
}
/* @end }}} */

/* @group {{{ --module-twocolumn */
.module-twocolumn {
    background-image: none;
    margin: 0;
}
.module-twocolumn .header {
  background-image: url(bg-module-twocolumn-header.png);
}
.module-twocolumn .content {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 10px;
}
.module-twocolumn .footer {
    background-image: none;
}
/* @end }}} */

/* @end }}} */

/* @end }}} */

/* @group {{{ promo carousel */

.promo-carousel {
  background-image: url(bg-promo-carousel.jpg);
  background-repeat: no-repeat ;
}

.promo-carousel {
  background-position: 0 0;
  padding: 0 0 0 60px;
  height: 130px;
  position: relative;
  z-index: 1;
  margin: 0 0 15px 0;
}
.promo-carousel-inner {
  background-position: top right;
  padding: 0 50px 0 0;
  height: 130px;
  text-align: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.promo-carousel .promo-set {
  margin: 0;
  padding: 15px 0 0 0;
  margin-bottom: 10px;
  text-align: center;
  width: 480px;
  display: block;
}
.promo-carousel .promo-set a {
  width: 137px;
  height: 98px;
  padding: 2px 2px 5px 1px;
  background: no-repeat url(bg-promo.jpg) bottom left;  
  display: inline-block;
}
.promo-carousel .promo-set a:hover {
  position: relative;
  top: -1px;  
}
.promo-nav {
  position: absolute;
  z-index: 100;
  right: 10px;
  top: 10px;
  margin: 0;
  padding: 0;
  width: 55px;
}
.promo-nav li {
  margin: 0;
  padding: 0;
  background-image: none;
  float: left;
}
.promo-nav a, .promo-browse {
  background-image: url(bg-promo-controls.png);
  background-position: no-repeat;
}
.promo-nav a{
  background-position: 0 0;  
  text-indent: -9999px;
  display: block;
  width: 17px;
  height: 15px;
  line-height: 1px;
}
.promos-1-nav a { background-position: 0 0; }
.promos-1-nav a.activeSlide, .promos-1-nav a:hover { background-position: 0 -15px; }
.promos-2-nav a { background-position: -17px 0; }
.promos-2-nav a.activeSlide, .promos-2-nav a:hover { background-position: -17px -15px; }
.promos-3-nav a { background-position: -34px 0; }
.promos-3-nav a.activeSlide, .promos-3-nav a:hover { background-position: -34px -15px; }
.promo-browse {
  position: absolute;
  z-index: 100;
  background-position: 0 0;  
  display: none;
  width: 41px;
  height: 41px;
  text-indent: -9999px;
}
.promo-prev {
  left: 20px;
  top: 45px;
  background-position: 0 -40px;
}
.promo-prev:hover { background-position: 0 -81px; }
.promo-next {
  right: 20px;
  top: 45px;
  background-position: -41px -40px;
}
.promo-next:hover { background-position: -41px -81px; }


/* @group {{{ -right-col carousel */
.col-aside .promo-carousel, .col-aside .promo-carousel-inner {
  background-image: none;
  margin: 0;
  height: 110px;
}
.col-aside .promo-carousel {
  padding-left: 88px;
}
.col-aside .promo-next {
  top: 25px;
  right: 25px;
}
.col-aside .promo-prev {
  top: 25px;
  left: 25px;
}
.col-aside .promo-carousel .promo-set {
  width: 137px;
  height: 98px;
  padding: 2px 2px 5px 1px;
  background: no-repeat url(bg-promo.jpg) bottom right;  
  display: block;
}
.col-aside .promo-carousel .promo-set:hover {
  position: relative;
  top: -1px;  
}
/* @end }}} */


/* @end }}} */

/* @group {{{ feature well */

#feature-well {
  margin: 0 0 15px 0;
  height: 255px;
  position: relative;
  overflow: hidden;
}
#feature-well ul, #feature-well li {
  margin: 0;
  padding: 0;
}
.feature-well-feature {
  width: 463px;
  height: 255px;
  position: relative;
  background-image: none;
}
.feature-well-feature img {
  position: absolute;
  right: 0;
  top: 0;
}
#feature-well .feature-frame {
  width: 463px;
  height: 255px;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(bg-feature-frame.png) 0 0 no-repeat;
}
.feature-well-feature a, .feature-well-feature a:hover {
  color: #2b2b2b;
  text-decoration: none;
}

/* @group {{{ -description area */

#feature-well .feature-description, #feature-well .feature-title, #feature-well .feature-meta, #feature-well .feature-summary, #feature-well .feature-go {
  display: block;
}
.feature-description {
  width: 438px;
  position: absolute;
  cursor: pointer;
  bottom: 4px;
  left: 5px;
  font-size: .916em; /* 11px */
  line-height: 1.363;
  padding: 5px 10px;
  background: url(bg-feature-description.png) bottom left no-repeat;
}
.feature-title {
  font-size: 1.272em;
}
a:hover .feature-title {
  color: #1a79a0;
  text-decoration: underline;
}
.feature-meta {
  font-weight: 700;
}
.feature-go {
  height: 36px;
  width: 58px;
  text-indent: -9999px;
  background: url(btn-feature-well-go.png) 0 0 no-repeat;
  float: right;
  margin: 2px 0 15px 15px;
}
.feature-go:hover {
  background-position: bottom left;
}
.feature-summary {
  color: #4e4e4e;
}
/* @end }}} */

/* @group {{{ -nav */
#feature-nav {
  width: 132px;
  z-index: 100;
  height: 255px;
  left: 463px;
  position: absolute;
  top: 0;
  background: url(bg-feature-nav.jpg) 0 0 no-repeat;
}
#feature-nav li {
  background-image: none;
}
#feature-nav li a {
  padding: 10px;
  font-size: .916em; /* 11px */
  display: block;
  line-height: 1.272; /* 13px */
  color: #fff;
  cursor: pointer;
  background: url(bg-feature-nav-a.jpg) 0 0 no-repeat;
  position: relative;
}
#feature-nav li a img {
  position: absolute;
  left: 0;
  top: 10px;
}
#feature-nav li.feature-1 a {
  background-image: none;
}
#feature-nav li a span.feature-type {
  color: #9ecade;
  font-size: 0.818em; /* 9px */
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}
#feature-nav li a.activeSlide  span.feature-type{
  text-decoration: underline;
}
/* @end }}} */

/* @end }}} */

/* @group {{{ pages */

/* @group {{{ -tv-schedule */

#tvschedules h1 {
  display: none;
}
#tvschedules .nav {
  margin: 10px 0;
  border-bottom: 1px solid #D1D1D1;
}
#tvschedules span.hide {
  display: inline;
}
#tvschedules .tabrule {
  font-size: 1.363em; /* 15px */
  border-bottom: 1px solid #D1D1D1;
  padding: 0 0 0 20px;
  background: url(bg-separators.png) 0 -145px no-repeat;
  cursor: pointer;
}
#tvschedules .tabrule a {
  display: none;
}
#tvschedules .tabrule:hover {
  background-color: #dff2f6;
}
#tvschedules .tablong, #tvschedules .tab  {
  zoom: 1;
  margin: 0;
  padding: 0;
}
#tvschedules .closed{
  background: url(bg-separators.png) 0 -95px no-repeat;
}
/* @end }}} */

/* @group {{{ -resource-metadata */

.resource-metadata {
  margin: 10px 0;
}
.resource-metadata li{
  padding: 0 0 2px 70px;
  background-image: none;
}
.resource-metadata li .resource-datatype {
  width: 50px;
  float: left;
  color:#6e6e6e;
  margin-left: -70px;
}
.resource-comment {
  padding: 0 0 0 70px;
  position: relative;
}
textarea.text-comment {
  background: #fff url(bg-field-shadow-yellow.png) 0 0 repeat-x;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: #d5d498 1px solid;
  width: 518px;
  height: 100px;
  margin: 0 0 10px 0;
}
.resource-comment .author {
  float: left;
  margin-left: -70px;
}
.resource-comment-bubble {
  position: absolute;
  left: 55px;
  top: 15px;
}
.content-callout-view {
  text-align: center;
  margin-top: 10px;
}
.view-resource {
  background: #258833 url(btn-grid.png) 0 -400px no-repeat;
  text-indent: -9999px;
  width: 233px;
  height: 60px;
  display: block;
  margin: 0 auto 10px auto;
}
.view-resource:hover {
  background-position: 0 -460px;
}
.view-resource:active {
  position: relative;
  top: 1px;
} 
.content-callout-view .btn-mini-save {
  margin-left: 15px;
}
.content-callout-view .btn-mini-share {
  float: right;
  margin-right: 15px;
}
.rate-header, .standards-header {
  padding-right: 220px;
  position: relative;
}
.rate-header .ratings, .standards-header span {
  font-weight: 700;
  font-size: .909em; /* 10px */
  width:300px;
  display: block;
  position: absolute;
  left: 300px;
  top: 5px;
  text-align: right;
}
.rate-header .ratings {
  width: 200px;
  padding-right: 100px;
}
.rate-header .ratings .stars {
  top: -18px;
  left: 220px;
}
.standards-header select {
  width: 120px;
  display: inline;
  margin-left: 10px;
}
/* @end }}} */

/* @group {{{ -resource frame */

#resource-frame {
  position:absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
#resource-viewer {
  overflow: hidden;
  height: 100%;
  background: transparent url(bg-header-frame.png) #126c94 0 0 repeat-x;
}
#header-frame {
  height: 65px;
  position: absolute;
  width: 100%;
  text-align: left;
  color: #FFF;
  z-index: 100;
  top: 0;
  left: 0;
  background: transparent url(bg-header-frame.png) 0 0 repeat-x;
  font-size: 9px;
}
#header-frame a {
  color: #fff;
}
#header-frame h1 {
  font-size: 9px;
}
#header-frame .wrap-inner {
  padding-right: 375px;
  width: auto;
  margin: 0;
}

/* @group {{{ --logo and description */

#header-frame #resource-description {
  height: 60px;
  padding: 0 10px 0 165px;
  float: left;
  background: transparent url(bg-header-frame-line.png) 145px 0 no-repeat;
}
#header-frame h1 {
  height: 1px;
  width: 1px;
  left: 0;
  top: 0;
  position: absolute;
}
#header-frame #logo a {
  width: 92px;
  height: 13px;
  position: absolute;
  padding: 35px 0 0 48px;
  top: 0;
  left: 0;
  background: transparent url(logo-header-frame.png) 0 0 no-repeat;
}
#header-frame #name {
  display: none;
}
#header-frame #back-to-results, #header-frame .stars, #header-frame .stars a:hover, #header-frame #resource-rating, #resource-actions .remove-frame, #resource-actions .btn-mini, #resource-actions .btn-mini span {
  background-color: transparent;
  background-image: url(icn-resource-frame-grid.png);
  background-repeat: no-repeat;
}
#header-frame #back-to-results {
  background-position: 0 3px;
  display: block;
  padding-left: 10px;
}
#header-frame h2 {
  font-size: 15px;
  margin: 0;
  line-height: 16px;
  padding-right: 75px;
}
#header-frame h2 a {
  display: block;
}
#header-frame #resource-details {
  font-size: 11px;
  font-weight: 300;
}
#header-frame #resource-text {
  padding: 5px 0 0 0;
  float: left;
}
#header-frame p {
  font-size: 11px;
  clear: left;
  line-height: 15px;
  margin: 0;
}

/* @group {{{ --stars */

#header-frame #resource-rating {
  height: 15px;
  width: 50px;
  background-position: -100px 0;
  margin: 6px 0 0 -55px;
  padding: 3px 0 0 5px;
  float: left;
  position: relative;
}

/* @end }}} */

/* @end }}} */

/* @group {{{ --actions */

#header-frame #resource-actions {
  float: right;
  height: 60px;
  width:375px;
  margin-right: -375px;
}
#header-frame #resource-interact {
  padding-top: 12px;
  float: right;
}
#header-frame #resource-interact .btn-mini {
  float: right;
}
#header-frame #resource-interact a {
  color: #1a79a0;
}
#resource-browse, #resource-remove {
  padding: 5px 5px 0 12px;
  width: 68px;
  height: 60px;
  float: right;
  background: transparent url(bg-header-frame-line.png) 0 0 no-repeat;
}
#resource-actions .btn-mini, #resource-actions .btn-mini span {
  cursor: pointer;
  height: 32px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border: 0;
}
#resource-actions .btn-mini span {
  padding-top: 6px;
  height: 24px;
}
#resource-actions .btn-mini { background-position: 0 -150px; padding-left: 10px;}
#resource-actions .btn-mini span { background-position: right -150px; padding-left: 0;}
#resource-actions .btn-mini:hover { background-position: 0 -200px; padding-left: 10px;}
#resource-actions .btn-mini:hover span { background-position: right -200px; padding-left: 0;}
#resource-actions .btn-mini-save { background-position: 0 -250px; padding-left: 30px; }
#resource-actions .btn-mini-save span { padding-left: 0; }
#resource-actions .btn-mini-save:hover { background-position: 0 -300px; padding-left: 30px; }
#resource-actions .remove-frame {
  display: block;
  background-position: -185px -250px;
  height: 15px;
  width: 75px;
  padding-top: 33px;
}
#resource-actions .remove-frame:hover {
  background-position: -185px -300px;
}

/* @end }}} */

/* @group {{{ --side panels */

.resource-side {
  height: 100%;
  width: 272px;
  top: 60px;
  position:absolute;
  right:0;
  border-left:3px solid #53a4c5;
  background: #fff;
  z-index: 50;
  display: none;
  overflow: scroll;
  line-height: 1.6em; /* 16px */
}
.resource-side .wrap-inner {
  padding: 10px 20px;
  width: auto;
}
.resource-side h3 {
  line-height: 1.187em; /* 19px */
  margin-bottom: 5px;
}
.resource-side .form-fields {
  margin-bottom: 0;
}
.resource-side .btn-close {
  display: block;
  text-align: right;
  height: 35px;
  font-weight: 700;
  font-size: 1.2em;
  padding: 5px 40px 0 0;
  background: url(icn-resource-frame-grid.png) right -350px;
}
.resource-side .btn-close span { display: none; }
.resource-side .btn-close:hover {
  background-position: right -400px;
}
.resource-side .text, .resource-side input[type=text], .resource-side textarea {
  width: 200px;
  margin: 0;
}
.resource-side .buttons{
  clear: both;
  position: relative;
  top: -5px;
  height: 30px;
}
.resource-side .resource-comment {
  padding: 10px 0;
  border-bottom: 1px solid #d1d1d1;
}
.resource-side .resource-comment .meta {
  background: url(icn-resource-frame-grid.png) -200px -0px no-repeat;
  padding-left: 20px;
}
.resource-side .buttons-rate {
  margin: 0 0 20px 0;
}
.resource-side .buttons-rate h4 {
  padding: 0 10px 0 0;
}
.resource-side .buttons-rate h4, .resource-side .buttons-rate .stars  {
  float: left;
  margin-top: 5px;
} 
.resource-side .buttons-rate .btn {
  float: right;
  margin: 0;
}

/* @end }}} */

/* @end }}} */

/* @end }}} */

/* @group {{{ sundry */
.news-archive-summary + .news-archive-summary {
  padding-top: 1.5em;
}


body.tvschedules div.col-main {
    padding-left: 0;
}

#live_widget {
    height:486px;
    margin: auto;
    width:200px;
}
/* @end }}} */

/* @group {{{ activitylog */
.activitylog-latest .module-section { padding-top: 5px; margin-bottom: 0px; }
.activitylog-latest .activitylog-hidden { display: none; }
.activitylog-latest .activitylog-hidden > .module-section { border-top: 1px solid #D1D1D1; }
/* @end }}} */

/* EOF */