/* CSS for new front page and subpages of TeachingBooks.net */ #top ul li { background-image: none; padding-left: 0px; text-indent: 0px; } #howtouse_tabs_wrapper { width: 600px; } ul.howtouse_tabs { list-style-position: outside; margin: 0px; height: 20px; } ul.howtouse_tabs li { border: 0px; margin: 0px; padding: 0px; border: 1px solid black; } ul.howtouse_tabs li a { height: 25px; font-size:20px; color: #c43c1e; width: auto; border: 0px; padding-bottom: 15px; } ul.howtouse_tabs a.current, ul.howtouse_tabs a.current:hover, ul.howtouse_tabs li.current a { cursor: pointer !important; } #howtouse_resources, #howtouse_connect { display: none; } #howtouse_tabs_wrapper div.pane { clear: left; margin: 0px; } table.spec_athr_player { margin-left: 0px; } ul.authorlist li {list-style:disc inside !important; margin-bottom:5px; padding-left:5px !important;} ol.authorlist li {list-style:decimal inside !important; margin-left:15px; margin-bottom:6px;} ul.plainlist li { margin-bottom:5px !important; padding-left:1em !important; text-indent:0px !important; list-style-type:none !important; background: url(/images/arrow_11.gif) !important; background-repeat: no-repeat !important; background-position: 0 .5em !important; line-height:1.2em; margin-left:0em !important; } .hh_readings_wrap .pane { width: 617px; height: 160px; } .hh_lists_wrap .pane { width: 617px; height: 160px; } .section_hed { text-align:right; margin-right:16px; margin-top:15px; font-weight:normal; font-size:25px !important; line-height:30px; color:#222222 !important; } .section_smallhed { text-align:right; margin-right:0px; margin-top:5px; font-weight:normal; font-style:italic; font-size:13px !important; line-height:110%; color:#444444 !important; } h2 { font-size:25px; } h2.resources { color:white; font-weight:normal; } #bottom h2 { font-weight:normal; font-size:20px; } h2.search-resources-connect { color: #d35a27; margin-top:20px; margin-bottom:25px; } .orange-arrow { vertical-align: bottom; margin-right: 10px; margin-left: 10px; margin-bottom:5px; } .righty { width:140px; float:left; text-align:right; margin-right:10px; margin-top:6px; } a { color:#418BCA; text-decoration:none; } a:hover { border-bottom: 1px black dotted; } #what-to-do h4 { color:#c9ecf1; margin-top:15px; } #what-to-do h1 { margin-bottom:25px !important; } #what-to-do h2 { font-size:20px !important; } #what-to-do h1, #bottom h1 { font-weight:lighter !important; letter-spacing:normal !important;} #profdev ul li { color:white; font-size:14px; list-style: outside disc none; } #grades-genres { margin-bottom:30px; } /* h3 { color:#297b7f !important; font-size: 16px; } */ .account-message h3 { font-size:20px; margin-left: 185px; padding-top: 75px; font-weight: normal !important; color:#444444 !important; } h3.bluehed { color:#444444 !important; font-weight:normal !important; background-color:#d0ecf4; width:95%; padding:5px 5px 5px 10px; font-size:14px; line-height:120%; margin-top:20px; } .notetc { width: 590px; margin: 10px 0px 20px 0px; background: #FDFCF1; border: 1px solid #c2ab66; padding: 10px 10px 10px 15px; } /******************/ #spec_athr_list li, #spec_athr_links li { list-style: none; } .reading-button { width:155px; height:100px; float:left; margin: 15px 10px 10px 0px; border: 1px solid #f1f1f1; padding: .25em 1.5em; border-radius: 5px; box-shadow: 0px 2px 10px #f2f1ef; margin-top:10px; } a.button_diverse { background-color: #c0e1e4; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 140px; height: 24px; display: inline-block; line-height: 24px; text-align: center; text-decoration: none; color: #444444; font-weight: normal; font-size:14px; margin-bottom:6px; vertical-align: center; padding:6px 10px 6px 10px; } a.button_diverse:hover { text-decoration:none; border-bottom:0px; background-color: #3fa0b4; color: #ffffff; } a.button_grades { background-color: #d3795f; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 150px; height: 20px; display: inline-block; line-height: 20px; text-align: center; text-decoration: none; color: #ffffff; font-weight: normal; font-size:14px; margin-bottom:6px; vertical-align: center; padding:6px 10px 6px 10px; border-bottom:0px; } a.button_curricula { background-color: #fbab00; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 150px; height: 20px; display: inline-block; line-height: 20px; text-align: center; text-decoration: none; color: #444444; font-weight: normal; font-size:14px; margin-bottom:6px; vertical-align: center; padding:6px 10px 6px 10px; border-bottom:0px; } a.button_genres { background-color: #c5e3b4; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 150px; height: 20px; display: inline-block; line-height: 20px; text-align: center; text-decoration: none; color: #444444; font-weight: normal; font-size:14px; margin-bottom:6px; vertical-align: center; padding:6px 10px 6px 10px; border-bottom:0px; } a.button_culture { background-color: #bee1e4; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 150px; height: 20px; display: inline-block; line-height: 20px; text-align: center; text-decoration: none; color: #444; font-weight: normal; font-size:14px; margin-bottom:6px; vertical-align: center; padding:6px 10px 6px 10px; border-bottom:0px; } .culture2 { background-color: #c5e3b4 !important; color: #444 !important; } .culture3 { background-color: #decfe5 !important; color: #444 !important; } .culture4 { background-color: #ededed !important; color: #444 !important; } a.button_register { background-color: #d3795f; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; height: 18px; display: inline-block; line-height: 24px; text-align: center; text-decoration: none; color: #ffffff; font-weight: normal; font-size:12px; margin-bottom:6px; margin-top:-7px; vertical-align: center; padding:2px 10px 6px 10px; border-bottom:0px; } a.button_freetrial { background-color: #d35a27; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 183px; height: 23px; display: inline-block; line-height: 23px; text-align: center; text-decoration: none; color: #ffffff; font-weight: normal; font-size:14px; margin-bottom:6px; vertical-align: center; padding:5px 10px 6px 10px; border-bottom:0px; } a.button_header { background-color: #eeeeee; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 270px; height: 24px; display: inline-block; line-height: 24px; text-align: center; text-decoration: none; color: #444444; font-weight: normal; font-size:14px; margin-bottom:6px; vertical-align: center; padding:6px 10px 6px 10px; } a.button_header:hover { text-decoration:none; border-bottom:0px; cursor: default; } .plainlist li { list-style-type:disc !important; margin-left:40px; } .ccsubhed { font-size:22px; font-weight:600; color:#227c80; } hr { margin-top:40px; } a.button_gradeband { background-color: #ede7d5; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 110px; height: 22px; display: inline-block; line-height: 24px; text-align: center; text-decoration: none; color: #000000; font-weight: normal; font-size:14px; margin-bottom:10px; margin-right:6px; vertical-align: center; padding-top:0px; border: 4px solid #e5a600; } a.button_calltoaction { background-color: #227c80; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; display: inline-block; line-height: 24px; text-align: center; text-decoration: none; color: #ffffff; font-weight: 500; font-size:16px; margin-bottom:0px; vertical-align: center; padding:8px 10px 8px 10px; } a.button_blue { background-color: #2c3697; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 150px; height: 25px; display: inline-block; line-height: 24px; text-align: center; text-decoration: none; color: #ffffff; font-weight: normal; font-size:16px; margin-bottom:6px; vertical-align: center; padding:6px 10px 6px 10px; } a.button_blue:hover { opacity:1.0 !important; } a.button_purple { background-color: #9a3598; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 150px; height: 25px; display: inline-block; line-height: 24px; text-align: center; text-decoration: none; color: #ffffff; font-weight: normal; font-size:16px; margin-bottom:6px; vertical-align: center; padding:6px 10px 6px 10px; } a.button_purple:hover { opacity:1.0 !important; } a.button_green { background-color: #227c80; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 150px; height: 25px; display: inline-block; line-height: 24px; text-align: center; text-decoration: none; color: #ffffff; font-weight: normal; font-size:16px; margin-bottom:6px; vertical-align: center; padding:6px 10px 6px 10px; } a.button_green:hover { opacity:1.0 !important; } a.button_orange { background-color: #c03226; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 150px; height: 25px; display: inline-block; line-height: 24px; text-align: center; text-decoration: none; color: #ffffff; font-weight: normal; font-size:16px; margin-bottom:6px; vertical-align: center; padding:6px 10px 6px 10px; } a.button_orange:hover { opacity:1.0 !important; } .list_group { float: left; width: 32%; } /* HOME PAGE MENU OVERRIDES */ #signintop ul.pureCssMenu { float: right!important; } ul.pureCssMenu { float: left!important; } div#menu ul li { background:transparent!important; border-left:0px dashed #999!important; } div#menu ul { border-bottom:1px solid transparent!important; border-left:1px solid transparent!important; border-right:1px solid transparent!important; } #menu { height:50px; position:relative; width:810px; float:left!important; margin-left:20px; } div#menu ul.pureCssMenu li.first a { padding-left:0px!important; } div#menu ul.pureCssMenu li a { color:#fff!important; padding: 10px 5px 0 10px!important; line-height:42px; } div#menu li.pureCssMenui a.pureCssMenui span:after, div#menu ul.pureCssMenu li.first a:after, a.bulletafter:after { content: "\2022"; margin-left:10px; } div#menu ul li ul li.pureCssMenui a.pureCssMenui span:after, div#menu ul li ul.pureCssMenu li.first a:after { content: ""; margin-left:10px; } div#menu ul.pureCssMenu li.last a span:after { content: ""!important; margin-left:0px; } /* sub menu */ div#menu ul.pureCssMenu li ul li a { color:#fff!important; padding: 7px 10px 7px 10px!important; line-height:1.2; } div#menu ul li ul { border-bottom:2px solid #e5a10f!important; border-left:2px solid #e5a10f!important; border-right:2px solid #e5a10f!important; } ul.pureCssMenu ul li a:hover { background-color:#FBAD24!important; } ul.pureCssMenu li:hover>a { background-color:transparent!important; } ul.pureCssMenu li ul li a:hover, ul.pureCssMenu li a:hover { border-bottom:0px!important; } div#menu ul.pureCssMenu li ul li a { color:#323996!important; } */ /* moved from working copy of home_tmpl.html */ #new_materials,#profdev,#what-to-do p { color:white; font-size:14px; } #twitter-widget-0 {width:100% !important;} .howtouse_hed { text-align:right; margin-right:16px; margin-top:15px; font-weight:lighter !important; font-size:22px !important; line-height:26px; color:#444444 !important; } ul.howtouse_tabs a.current:hover { cursor:pointer !important; } ul.howtouse_tabs li a:hover { color: #c43c1e; } #howtouse_connect, #howtouse_resources, #howtouse_search { width:540px; padding:15px; height:35px; border-bottom:1px solid black; border-right:1px solid black; border-left:1px solid black; } .hh_lists_wrap .pane, .hh_readings_wrap .pane { height:160px; } .white { color:white !important; } .white_link { color:white !important; border-bottom: 1px dotted #f6f6f6 !important; } .white a { color: white !important; border-bottom: 1px dotted #f6f6f6 !important; } .size13 { font-size:0.813em; } .noline a:hover { border-bottom: 0px !important; } .blacker { color:#222222 !important; } .blacker a { color: #222222 !important; border-bottom: none !important; text-decoration:none; }