/*********************************
Channel One Network Teaching Tools
*********************************/
#content { margin-left: 0; width: 978px; background: #fff; }

#c1n_teaching_tools #left_column { width: 978px !important; padding-top: 0 !important; }
#c1n_teaching_tools #right_column { display: none; }
#c1n_teaching_tools #left_column .col-1, #c1n_teaching_tools #left_column .col-2 { float: left; }
#c1n_teaching_tools #left_column .col-2#tn { margin-left: 30px; }
#c1n_teaching_tools #row-2, #c1n_teaching_tools #row-3, #c1n_teaching_tools #row-4 { margin-left: 40px; }
#c1n_teaching_tools #row-1 { background: url(http://images.channelone.com/img/teaching-tools/bg-teachers-top.jpg) no-repeat; height: 122px; }
#c1n_teaching_tools #row-1 .col-1 { width: 375px; }
#c1n_teaching_tools #row-1 .col-1 ul { list-style: none; margin: 0; padding: 17px 0 9px 15px; }
#c1n_teaching_tools #row-1 .col-1 ul li { border-left: 1px solid #fff; float: left; margin: 0; padding: 0 10px; }
#c1n_teaching_tools #row-1 .col-1 ul li.first { border: none; padding-left: 0; }
#c1n_teaching_tools #row-1 .col-1 ul li a { color: #fff; }
#c1n_teaching_tools #row-1 .col-1 ul li a:hover { text-decoration: underline; }
#c1n_teaching_tools #row-1 h1 { background: url(http://images.channelone.com/img/teaching-tools/hdr-teaching-tools.gif) no-repeat; width: 333px; height: 45px; margin: 0 0 0 15px; padding: 0; text-indent: -9999px; overflow: hidden; }
#c1n_teaching_tools #row-1 .col-2 ul { list-style: none; margin: 0; padding: 11px 0 0; }
#c1n_teaching_tools #row-1 .col-2 ul li { float: left; margin: 0; padding: 0 15px 0 0; }
#c1n_teaching_tools #row-1 .col-2 ul li#wts { margin-left: 54px; }


#c1n_teaching_tools #row-2 .col-1 { width: 472px; }
#c1n_teaching_tools #row-2 .col-1 h2 { background: url(http://images.channelone.com/img/teaching-tools/hdr-educational-resources.gif) no-repeat; width: 285px; height: 31px; margin: 0 0 0 15px; padding: 0; text-indent: -9999px; overflow: hidden; position: relative; top: -13px; }
#c1n_teaching_tools #row-2 .col-1 ul { list-style: none; margin: 0; padding: 0 0 0 32px; }
#c1n_teaching_tools #row-2 .col-1 ul li { margin: 0; padding: 0 0 8px; }
#c1n_teaching_tools #row-2 .col-1 ul li.second { padding-left: 69px; }
#c1n_teaching_tools #row-2 .col-1 ul li.third { padding-left: 148px; }
#c1n_teaching_tools #row-2 .col-1 ul li a { background: url(http://images.channelone.com/img/teaching-tools/bg-download.gif) no-repeat top left; color: #36f; display: block; font-size: 17px; font-weight: bold; height: 33px; line-height: 33px; margin: 0; padding-left: 41px; width: 255px; _width: 296px; }
#c1n_teaching_tools #row-2 .col-1 ul li a:hover { background-position: bottom left; color: #69f; text-decoration: underline; }

#c1n_teaching_tools #row-3 { background: url(http://images.channelone.com/img/teaching-tools/bg-blue-grad.jpg) no-repeat bottom left; padding-bottom: 10px; }
#c1n_teaching_tools #row-3 .col-1, #c1n_teaching_tools #row-4 .col-1 { width: 400px; }
#c1n_teaching_tools .feature-links { list-style: none; margin: 0; padding: 0 0 0 25px; }
#c1n_teaching_tools .feature-links li { margin: 0; padding: 0 0 12px; }
#c1n_teaching_tools .feature-links li .image { float: left; margin-right: 6px; }
#c1n_teaching_tools .feature-links li .image img { border: 2px solid #999; }
#c1n_teaching_tools .feature-links li div { float: left; width: 240px; }
#c1n_teaching_tools .feature-links li div h3 { font-size: 14px; text-transform: none; }
#c1n_teaching_tools .feature-links li div h3 a { color: #0030b4; }
#c1n_teaching_tools .feature-links li div p { line-height: 14px; }
#c1n_teaching_tools .feature-links ul { list-style-type: square; padding-left: 16px; }
#c1n_teaching_tools .feature-links ul li { padding-left: 0px; padding-bottom: 0; }
#c1n_teaching_tools .feature-links ul li a { color: #0030b4; }
#c1n_teaching_tools .feature-links ul li a:hover { text-decoration: underline; }
#c1n_teaching_tools #row-3 .col-2, #c1n_teaching_tools #row-4 .col-2 { width: 303px; }
#c1n_teaching_tools #row-3 .col-2 ul { list-style: none; margin: 0; padding: 10px 0 0; }
#c1n_teaching_tools #row-3 .col-2 ul li { margin: 0; padding: 0 0 25px; }
#c1n_teaching_tools #row-3 .col-2 ul li a { background: url(http://images.channelone.com/img/teaching-tools/arrow-blue.gif) no-repeat 0 50%; color: #0030b4; display: block; font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 0 20px; text-decoration: underline; }
#c1n_teaching_tools #row-3 .col-2 ul li a:hover { background-image: url(http://images.channelone.com/img/teaching-tools/arrow-blue-hover.gif); color: #36c; text-decoration: none; }
#c1n_teaching_tools #row-3 .col-2 ul li p { font-size: 11px; line-height: 14px; margin: 0; padding: 0 17px 0 20px; }

#c1n_teaching_tools #row-4 { padding: 5px 0 30px; }
#c1n_teaching_tools #row-4 .col-1 h2 { background: url(http://images.channelone.com/img/teaching-tools/hdr-interact.gif) no-repeat; width: 108px; height: 25px; margin: 0 0 20px 25px; padding: 0; text-indent: -9999px; overflow: hidden; }
#c1n_teaching_tools #row-4 .col-2 h2 { background: url(http://images.channelone.com/img/teaching-tools/hdr-c1-reports.gif) no-repeat; width: 256px; height: 29px; margin: 0 0 20px; padding: 0; text-indent: -9999px; overflow: hidden; }
#c1n_teaching_tools #row-4 .col-2 ul { list-style: none; margin: 0; padding: 0; }
#c1n_teaching_tools #row-4 .col-2 ul li { margin: 0; padding: 0 0 12px; }
#c1n_teaching_tools #row-4 .col-2 ul li .image { float: left; margin-right: 6px; }
#c1n_teaching_tools #row-4 .col-2 ul li div { float: left; width: 190px; } /*width: 200px*/
#c1n_teaching_tools #row-4 .col-2 ul li div h3 { font-size: 14px; text-transform: none; }
#c1n_teaching_tools #row-4 .col-2 ul li div h3 a { color: #0030b4; }
#c1n_teaching_tools #row-4 .col-2 ul li div p { line-height: 14px; }

hr { border: none; width: 80%; color: #666; background: #666; height: 1px; overflow: hidden; line-height: 0px; font-size: 0px; text-align: center; margin: 10px auto; *margin: 5px auto; }
img { -ms-interpolation-mode: bicubic; }
.center { text-align: center; margin: inherit auto; }
#left_column { float: left; background: #fff; width: 650px; border: none; overflow: hidden; padding-top: 10px; }
#right_column { float: right; width: 322px; margin-left: 0; overflow: hidden; }
.block_feature { border: none; margin-bottom: 15px; }
.feature_header { clear: both; background: none; border: none; padding: 0 10px; }
.feature_header h3 { font-size: 12px; color: #333; }
.streamer { border: none !important; }
.feature, .feature_primero { clear: both; background: #fff url(http://images.channelone.com/img/teaching-tools/border-main.gif) bottom left repeat-x !important; border: none; }
.feature:hover, .feature_primero:hover { background: #e9eeff url(http://images.channelone.com/img/teaching-tools/border-main.gif) bottom left repeat-x !important; }
.subHed a { color: #06f; }
.subHed a:hover { text-decoration: underline; }
.subHed strong { color: #06f; font-size: 13px; text-decoration: underline; }

.headline, .headline_image { clear: both; *display: inline-block; overflow: hidden; }
.headline h2.about-hdr { color: #666; font-size: 16px; }
.headline h1 { color: #000; font-size: 22px; line-height: 20px; }
.headline_image { margin: 0 0 10px; }
.headline_image img { margin: 0; }
.block_compendium { clear: both; *display: inline-block; background: none !important; padding: 10px 10px 0 !important; }
.block_compendium p { margin: 0 !important; padding: 0 0 10px; }
.block_compendium ul.inner li { padding: 0 0 10px; }
.block_compendium a:link,.block_compendium a:visited,.block_compendium a:active { color: #06f; font-weight: bold; text-decoration: none; }
.block_compendium a:hover { text-decoration: underline; }
.block_compendium .first { font-size: 16px; }
.block_compendium h5 { text-transform: none; }
.block_compendium ul ul { padding-left: 30px; }
.block_compendium dl { clear: both; margin: 0; padding: 0; }
.block_compendium dl br { clear: both; font-size: 0px; line-height: 0px; margin: 0; padding: 0; }
.block_compendium dt { clear: left; float: left; font-weight: normal; padding: 0 0 10px; text-align: right; width: 240px; }
.block_compendium dt span { color: red; }
.block_compendium dd { margin: 0 0 0 250px; padding: 0 0 10px; }
.block_compendium dd textarea { overflow: auto; width: 240px; }
.block_compendium .suplimental { background: transparent url(http://images.channelone.com/img/gui/global/element_dash_grey.gif) repeat-x scroll left bottom; *display: inline-block; margin: 10px 0; overflow: hidden; }
.block_compendium div.last { background: none; }
.block_compendium .suplimental .featIMG { float: left; padding: 0 10px 10px 0; }
.block_compendium .suplimental div { float: left; width: 365px; }
.block_compendium .suplimental h4 { font-size: 15px; text-transform: none; }
.block_compendium #topics { color: #8f8f8f; font-size: 12px; margin: 0 0 2px 10px; }
.block_compendium #faq-nav { background: #deeaff url(http://images.channelone.com/img/teaching-tools/bg-xbot-faq.gif) no-repeat bottom left; width: 528px; }
.block_compendium #faq-nav #xtop { background: #deeaff url(http://images.channelone.com/img/teaching-tools/bg-xtop-faq.gif) no-repeat top left; height: 8px; overflow: hidden; width: 528px; }
.block_compendium #faq-nav ul { list-style: none; margin: 0; padding: 0 0 8px; }
.block_compendium #faq-nav ul li { float: left; margin: 0; padding: 5px 0; width: 264px; }
.block_compendium #faq-nav ul li a { color: #33f; font-size: 14px; margin-left: 10px; }
.block_compendium #faq-bot { padding: 0 10px 10px; }
.block_compendium #faq-bot h3 { text-transform: none; font-size: 16px; margin: 0; padding: 10px 0; }

.block_compendium #help-1 { float: left; font-size: 11px; width: 186px; }
#help-1 h3 { font-size: 12px !important; margin: 0 !important; padding: 14px 0 7px; }
#help-1 h3.first { font-size: 12px !important; margin: 0 !important; padding: 0 0 7px; }
#help-1 p { font-size: 11px; }
#help-1 .links { list-style: none; margin: 0; padding: 0; width: 165px; }
#help-1 .links li { background: url(http://images.channelone.com/img/teaching-tools/border-side.gif) repeat-x bottom left; list-style-position: outside; margin: 0; padding: 0; }
#help-1 .links li.last { background: none; }
#help-1 .links li a { background: url(http://images.channelone.com/img/teaching-tools/icon-link.gif) no-repeat 0 4px; color: #06f !important; display: block; line-height: 14px; margin: 0; padding: 4px 0 4px 16px; width: 149px; _width: 165px; }
#help-1 .links li a:hover { color: #999 !important; text-decoration: none !important; }
#help-1 .links li a em { font-size: 10px; font-weight: normal; }
.block_compendium #help-2 { float: right; font-size: 11px; width: 339px; }
#help-2 h2 { color: #666; font-size: 18px; text-transform: none; }
#help-1 #how-to { background: #e9eeff url(http://images.channelone.com/img/teaching-tools/bg-xbot-side.gif) no-repeat bottom right; margin: 0; padding: 0 0 10px; }
#how-to #xtop { background: #e9eeff url(http://images.channelone.com/img/teaching-tools/bg-xtop-side.gif) no-repeat top right; height: 10px; }
#how-to h4 { margin: 0; padding: 10px 2px 10px 16px; }
#how-to ul { list-style: none; margin: 0; padding: 0; }
#how-to ul li { list-style-position: outside; margin: 0; padding: 0 2px 0 0; }
#how-to ul li a { background: url(http://images.channelone.com/img/teaching-tools/icon-link.gif) no-repeat 0 4px; color: #06f !important; display: block; line-height: 14px; margin: 0; padding: 4px 0 4px 16px; width: 170px; _width: 184px; }
#how-to ul li a:hover { color: #999 !important; text-decoration: none !important; }
#how-to ul li a span { color: #000; font-weight: normal; }
.dot-area { border-top: 1px dotted #000; border-bottom: 1px dotted #000; margin: 0 0 15px; padding: 10px 0; text-align: center; }
.dot-area p { margin: 0; padding: 0 !important; }
#help-2 h3 { font-size: 14px; line-height: 17px; margin: 0 !important; padding: 0 0 5px; text-transform: none; }
#help-2 h3.first { font-size: 14px !important; padding-top: 0; }
#help-2 h4 { font-size: 12px; line-height: 15px; margin: 0 !important; padding: 0 0 5px; text-transform: none; }
#help-2 ul { margin: 0 0 10px !important; }
#help-2 ul li { font-size: 11px; margin: 0; padding: 0 0 5px; }
#help-2 blockquote { border-top: 1px dotted #000; border-bottom: 1px dotted #000; font-size: 11px; margin: 0; padding: 10px 15px; }
#help-2 blockquote cite { display: block; margin: 0; padding: 5px 0; text-align: right; }
