/* ====================================== Teaching History theme written for teachinghistory.org Copyright CHNM Design and css Chris Raymond, www.designtank.ws swatch colors ------------ greens: #698, #798 (seafoam); #bc9 and #b7c791 (avocadoes) #bc8 (darker avocado for color of source of teacher's quote) #84aa97 (color in rubric table caption background) #cbd5aa (paler green for background in rubric table thead) red: #e41 bright yellow: #fb3 browns/tans: #635f54quiz (dark low-saturated brown-gray); #f9f9f9 (very light cream background for top row splashes); #f3f3ea (pale tan, for borers and background for spotlight boxes) #fbfbf2 (pale cream/tan background for abstract boxes) #f2f2dd (brownish-pale yello, background color rubric table td) neutrals: #7e7e7e (grayish brown, comment-form label) #666, #777, #555 heading sizes in pixels equivalents FYI h1 {font-size: 22px;}h2 {font-size: 17px;}h3 {font-size: 15px;}h4 {font-size: 12px;}h5 {font-size: 12px;}h6 {font-size: 10px;} ========================================== */ /* Table of Contents: = Reset imports = Basic HTML = HEADINGS AND TYPOGRAPHY = IMAGES = UTILITY CLASSES = LINKS = STRUCTURE = LISTS, NAVIGATION, MENUS = CONTENT [styles for the stuff inside each structural div, inc header, footer, sidebars, main-content] = SPLASH PAGES = LANDING PAGES = BEYOND THE TEXTBOOK = ROUNDTABLE = QUICKLINKS = INSIDE PAGES AND ITEM PAGES = Tooltip = Toggles = Expand = TABLE STYLES = FORMS = COMMENTS */ /* == Reset == */ @import url("reset.css"); @import url("sifr.css"); @import url("../flowplayer/overlay-apple.css"); @import url("picture-light-box.css"); /* =Basic HTML --------------------------------------------------------------------------------*/ body, html {min-height:101%;} /*body, div, dt, form {display:block;}*/ body {font-size: 75%} /*this sets the default to 12px, in concert with 1.5em line-height for p, our baseline grid is 18px*/ body{background: #f3f3ea url(../images/body-bg.gif);} html>body {font-size:12px;} /*this is ignored by ie6 but targets FF, IE7, Safari, etc. which allow text sized in pixels to be resized */ /* =HEADINGS AND TYPOGRAPHY --------------------------------------------------------------------------------*/ h2, h3, h4, h5, h6, .subhead {font-family: "Arial Narrow", "Helvetica Neue Condensed", "Helvetica LT Condensed", Arial, sans-serif ; letter-spacing:.025em; font-weight:bold;} blockquote{margin-left: 12px;padding:0 0 14px 12px;border-left:1px dotted #fff;} p, #quiz-inside, .field-content {font-family:"Lucida Bright", Cambria, Georgia, Garamond, Berkeley, serif;line-height:1.75; font-size:1em;margin:0 0 1.5em;} .beyond-toggle p {padding-bottom:1em; border-bottom:1px solid #FFBB33;} #history-content .field-content, #teaching-materials .field-content, #best-practices .field-content, #tah-grants .field-content, #issues-and-research .field-content, #professional-development .field-content {margin-bottom:-6px;}/*kludge to work around Drupal markup for browse pages with h2 and teasers inside .field-content*/ #main {font-family:"Lucida Bright", Cambria, Georgia, Garamond, Berkeley, serif;line-height:1.5em; font-size:1em;} /*added until JM figures out why BTT inside page main column has block of text not inside a p-CR 3.24.10*/ #accordion .views-field-nothing .field-content, #accordion .field-content h2 {margin-left:6px;} /*to "fix" the text inside the accordions, which should have been inside a p but isn't anymore*/ #recently .field-content{margin-bottom:0;} #recently .views-row{margin-bottom:1.25em;} .speaker-box p em{color:#698;} .date-display-single {font-family: Arial, Helvetica, sans-serif;font-size:smaller;text-transform:uppercase;font-weight:bold;letter-spacing:.05em;} #blog .views-field-title{margin-bottom: .75em;border-bottom:1px dotted #bc9; padding-bottom:.25em;} #accordion .field-content, #blog-inside .field-content, #quiz-inside .field-content, #digiclass-inside .field-content, #thinking-inside .field-content {margin-bottom:0;} #blog .date-display-single {color:#fff;display:block;margin-bottom:-6px;} #nhec-blog .views-field-title {margin-bottom:1.5em;} #elem-ed-spot p, #proj-dir-spot p, #AR-spot p, #remembrance-spot p, #spotlight-pages-spot p, #spotlight-columbus-spot p, #spotlight-veterans-spot p, #spotlight-thanksgiving-spot p, #spotlight-mlk-spot p, #spotlight-aah-spot p, #spotlight-md-spot p, #spotlight-apahm-spot p, #spotlight-pres-spot p, #spotlight-whm-spot p, #spotlight-dor-spot p, #spotlight-earth-day-spot p, #spotlight-1812-spot p {margin-top:90px;padding:0 12px;color:#698;font-size:1em;line-height:1.5em;} #instructions p {font-size:.9em;color:#e41;} #main .instructions p{font-size:1.75em;line-height:1.5em; text-transform:none;font-family:Helvetica, Arial, sans-serif;font-weight:bold;color:#ab8;} .sans, .intro {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;} .intro{font-style:italic; color: #698;} .sans, .intro, .meta, .meta a {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;} .intro {font-style:italic; color: #698;} .meta {color:#698;} .date {font-family: "Arial Narrow", "Helvetica Neue Condensed", sans-serif;line-height:1.5em; margin:0 0 2em;font-size:10px;} .item-type-head{text-transform:uppercase;font-family: "Arial Narrow", "Helvetica Neue Condensed", "Helvetica LT Condensed", Arial, sans-serif ; font-weight:bold; margin:0 0 -1em;color:#e41;} /*this is the "deck" paragraph that displays above the h1 on an item page; it tells what the item type is, such as Lesson Plan Review*/ #lesson-format p.sans {color:#698;border-top:1px dotted #698;padding:6px 12px 0 23px;margin-bottom:0;} #recently p, #resources p {display:block; overflow:hidden;margin-bottom:.75em;} /*this is a hack in case the excerpts on home page are too short and hence don't take up as much vertical space as the thumbnail image at left*/ #connect p {font-family: Arial, Helvetica, sans-serif;margin-bottom:.5em;} #intro p{font-size:.8em;font-family:"Arial Narrow", "Helvetica Neue Condensed", "Helvetica LT Condensed", Arial, sans-serif ;line-height:1.75em;color:#698; } p.instructions{margin-bottom:0; padding-bottom:0; line-height:10px;text-align:left; text-indent:0px;} .statement-box p{background:transparent url(../images/bg_close-quote.gif) no-repeat 90% 100%;padding-bottom:9px;} h1 {font-size:1.833em; line-height: 1.25em; margin:0;color:#fb3;font-weight:normal;} h1#page-title{margin-bottom:.5em;} h2, .subhead, .field-label {font-size: 1.416em; line-height:1.125em; margin:0em 0 .563em;color:#698;} #blog-inside h2 {margin-bottom:.25em;font-size:1.25em;} h3{font-size: 1.25em; line-height: 1.2em; margin:0.965em 0 0.322em;color:#ee4411;} #inside-this-section2 h3.no-margin{padding-top:2px;} .sidebox h3, #sidebar-utility h3 { display:block; padding-left:23px;text-transform:uppercase; height:16px; line-height:16px;} #sidebar-details .statement-box h3 {background:transparent url(../images/bg_open-quote.gif) no-repeat top left;padding-top:18px;} #sidebar-details h3{background:transparent url(../images/icon-eye.png) no-repeat; margin-bottom:1em;margin-top:0; } #sidebar-utility h3 {background:transparent url(../images/icon-gear.png) no-repeat; margin-bottom:8px;margin-top:16px; } #abstract h3{text-align:center;} h4, h5, #accordion h2 {font-size:1em; line-height:1.5em; margin:.25em 0 0;} #AR-spot h5{text-indent:12px;} #civil-war .sidebox h4, #historical-thinking-poster-1 .sidebox h4, #historical-thinking-poster-2 .sidebox h4 {font-size:1.25em; line-height:1.25em;color: #e41;} h5{font-style:italic;font-weight:normal; color:#698;} h5.hidden-text{border-bottom:1px dotted #bc9; padding-bottom:6px;margin-bottom: 1.33em;margin-top:2em;clear:both;} #participate-wrap h5.hidden-text {border-bottom:none;} #footer-top h5{margin:.5em 0 0;} #footer-top p {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;font-size:.9em; line-height:1.5em} h6, .utility-text, .utility-text p {font-size:.8333em; line-height: 1.8em;} .utility-text, .utility-text p, #instructions p{font-family: Arial, Helvetica, sans-serif;} .allcaps{text-transform:uppercase; font-size:.8em;color:#635F54;font-family:"Arial Narrow", "Helvetica Neue Condensed", "Helvetica LT Condensed", Arial, sans-serif;letter-spacing:1px;font-weight:bold;} .pull {font-size: 1.5em; line-height: 1.5em; color: #fb3; margin: 12px 0 12px 24px;width:50%;padding: 12px 0;border-top:2px dotted #fff;font-style:italic;border-bottom: 2px dotted #fff; float:right;clear:left;} .quote{font-style:italic; color:#698;} #history-content .date_published {margin-bottom:2em;} .results-text {font-family:sans-serif; color:#444; font-style:italic;text-align:right;} /*For legacy newsletters*/ .featHead { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight: bold; color: #FFFFFF; clip: rect(0px,0px,0px,0px); padding-bottom: 10px; padding-top: 8px; } .featBody { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: normal; } .nHead { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; color: #000000; padding-top: 10px; padding-bottom: 10px; } .nBody { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } /* =IMAGES --------------------------------------------------------------------------------*/ #main-content #main .content img{margin:6px 12px 12px;} #main-content #main .content img.align-right{margin-right:0px;} #main-content #main .content img.align-left {margin-left:0;} #civil-war #main-content #main .content img, #historical-thinking-poster-1 #main-content #main .content img, #historical-thinking-poster-2 #main-content #main .content img {margin:0;} .structure-img img{margin-top:1em;} .quiz img {float:left; margin:0 12px 0px 0;} #sidebar-details #author-info img {margin-top:6px;height:75px;width:75px;} /* =UTILITY CLASSES==================================== --------------------------------------------------------------------------------*/ .instructions, .venue, .author {color:#666; font-size:.65em; font-weight:bold; text-transform:uppercase;} .clear {clear:both;} .group{display:block; overflow:hidden; zoom:1;} .hidden-text {text-indent:-9999px;} .inputtext {border:1px solid #fb3;} .hidden {display:none;} .knockout {color:#fff;} .no-margin{margin-top:0;} .breadcrumb {padding:1em 0 1em;font-size:11px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} img.align-left{float:left; margin:6px 12px 6px 0;} img.align-right{float:right; margin:6px 0 6px 12px;} img.field_image{margin: 6px 0 12px 0;float:left;} .divider {background:transparent url(../images/divider-ornament.gif) 48% top no-repeat;height:16px;text-align:center;} .red {color: #e41;} .grid-4.narrow {width:290px;} /*use as new divider in quizzes; simply do

no need to manually insert an image each time */ .printOnly {display:none;} /* =LINKS==================================== --------------------------------------------------------------------------------*/ a:link {color: #698; text-decoration:none;} a:visited {text-decoration:none;color:#698;} a:hover {color:#e41; text-decoration:underline;} a:active {color:#fb3;text-decoration: none;} #footer-bottom a:link, #main a:link, .meta ul.inline a, #rt-maincontent #main .breadcrumb a:visited {color:#698;text-decoration:none;} #historical-thinking-poster-1 a#returnlink, #historical-thinking-poster-2 a#returnlink {color: #fff !important;} #main a:visited {color:#bc9;} #main a:hover{text-decoration:underline;} #header span a {font-size:10px;color:black;padding:0 0 3px;font-family: "Helvetica Neue", Arial, sans-serif;margin:0 6px;} #sitemap-tab a{} h3 a:visited, h3 a:link, #quick-links a:hover, #spotlight-foot a:hover, #ask-foot a:hover, #outreach-foot a:hover, h3 a:link, #accordion a:link, #accordion a:visited, #recently a:hover {color:#e41;} .videothumb-title a:link, .speaker-box a:link {color: #fff; important! font-weight:bold} .videothumb-title a:visited, #rt-maincontent #main a:visited, .knockout a, #blog a:hover, #participate-wrap a:hover, #participate-wrap h3.knockout a:link {color:#fff;} .special-topics a:visited{color:#3f3f3f;} #blog a, #quick-links a, #outreach-foot a, #ask-foot a, #spotlight-foot a, #participate-wrap a {color:#000;} #elem-ed-spot a{color:#fb3;} #remembrance-spot a, #spotlight-pages-spot a, #spotlight-columbus-spot a, #spotlight-veterans-spot a, #spotlight-thanksgiving-spot a, #spotlight-mlk-spot a, #spotlight-dor-spot a,#spotlight-md-spot a, #spotlight-apahm-spot a, #spotlight-1812-spot a, #spotlight-earth-day-spot a {color:#fb3;} /* =STRUCTURE==================================== --------------------------------------------------------------------------------*/ #site_index {display:none;font-size:11px; margin: 0 auto;padding:10px 0 0; width:960px;} #header, #main-content, #footer {min-width:960px; padding:0 10px;} #main-content h1{margin-top:.5em;} #printHeader{display:none;} #header {height:142px; background:transparent url(../images/header-bg.jpg) repeat-x; clear:both;} #header .group {height: 142px; position:relative;} #utility-row {position:absolute;top: 4px;right:10px; height:42px; width:600px;} .nav-two {position:absolute; right:120px;top:12px;} #sitemap-tab {position:absolute; right:0; top:0; width: 98px; height:42px;background:transparent url(../images/sprite-siteglance-toggle.png) no-repeat left bottom;display:block;} #sitemap-tab.on {background-position: top left;} #nav-search-row {display:block;position:absolute;bottom:0; right:0; width: 180px;} #nav-one {position:absolute;bottom:2px;left:340px;} #main{padding-top:.5em;} #top-row, #btt-maincontent {width:960px; margin:0 auto 1.5em; padding-bottom:20px;} #top-row{background: #f9f9f9 url(../images/shadow-bg.jpg) repeat-x;} #outreach #top-row {background:none;} #issues-and-research #top-row {background: #f9f9f9 url(../images/shadow-bg.jpg) repeat-x;padding-bottom:12px;} #title {margin-top:.75em;} #home-quicklinks{padding-left:0px;padding-top:20px;} #spotlight-pres-spot, #spotlight-aah-spot, #spotlight-apahm-spot, #spotlight-md-spot, #spotlight-mlk-spot, #elem-ed-spot, #proj-dir-spot, #remembrance-spot, #spotlight-pages-spot, #spotlight-columbus-spot, #spotlight-veterans-spot,#spotlight-thanksgiving-spot, #spotlight-whm-spot, #spotlight-dor-spot, #spotlight-earth-day-spot, #spotlight-1812-spot{background: #f3f3ea; height:260px;width:260px; margin-left:-26px;/*added conditional comment for ie to deal with negative margin bug--position:relative; zoom:1*/} #elem-ed-spot{background: #f3f3ea url(../images/head-elemedSpotlight.gif) 50% 0 no-repeat; } #proj-dir-spot{background: #f3f3ea url(../images/head-projdirSpotlight.gif) 50% 0 no-repeat; } #AR-spot{background: #f3f3ea url(../images/head-elemedSpotlight.gif) 50% 0 no-repeat; padding-bottom:2em;} #remembrance-spot{background: #f3f3ea url(../images/head-remembrance.gif) 50% 0 no-repeat; } #spotlight-pages-spot{background: #f3f3ea url(../images/head-constitution-day.gif) 50% 0 no-repeat; } #spotlight-columbus-spot{background: #f3f3ea url(../images/head-columbus-day.gif) 50% 0 no-repeat; } #spotlight-veterans-spot{background: #f3f3ea url(../images/head-veterans-day.gif) 50% 0 no-repeat; } #spotlight-thanksgiving-spot{background: #f3f3ea url(../images/head-thanksgiving.gif) 50% 0 no-repeat; } #spotlight-mlk-spot{background: #f3f3ea url(../images/head-mlk-day.gif) 50% 0 no-repeat; } #spotlight-aah-spot{background: #f3f3ea url(../images/head-aah-month.gif) 50% 0 no-repeat; } #spotlight-pres-spot{background: #f3f3ea url(../images/head-presidents-day.gif) 50% 0 no-repeat; } #spotlight-whm-spot{background: #f3f3ea url(../images/head-womens-month.gif) 50% 0 no-repeat; } #spotlight-dor-spot{background: #f3f3ea url(../images/head-dor.gif) 50% 0 no-repeat; } #spotlight-1812-spot{background: #f3f3ea url(../images/head-1812.gif) 50% 0 no-repeat; } #spotlight-earth-day-spot{background: #f3f3ea url(../images/head-earth-day.gif) 50% 0 no-repeat; } #spotlight-apahm-spot{background: #f3f3ea url(../images/head-apahm.png) 50% 0 no-repeat; } #spotlight-md-spot{background: #f3f3ea url(../images/head-md.gif) 50% 0 no-repeat; } #videos-window {background-color: #f9f9f9} #ask-bar {background: #f0b536 url(../images/askbar-bg.gif) repeat-x;padding-bottom:.5em;height:1%;} body #ask-bar{height:auto;} #also, #ask-bar, #footer-top {padding:0em 0 1em;} #ask-bar{margin-top:24px;} #home #ask-bar{margin-top:0;} #footer-top{padding-top:0; background-color: #f9f9f9;} #footer-bottom{padding-top:1em;} .gridbox { background: transparent url(../images/bg-whitegrid.png); border-top:2px solid #e41; min-height: 250px; height: auto !important; height: 250px; } .gridbox h4 a {color: #000;} .gridbox h5 {margin-top:1em;} #quiz.gridbox {border-color: #698;} #digiclass.gridbox {border-color: #bc9;} #thinking.gridbox {border-color: #fb3;} /* =LISTS, NAVIGATION, MENUS==================================== --------------------------------------------------------------------------------*/ #main-content ol{list-style-type:decimal;list-style-position:inside;margin-bottom:1.5em;} #main-content ul{list-style-type:square;list-style-position:inside;margin-bottom:1.5em;} #main-content ul li, #main-content dl dd, #main-content ol li {font-size:1em;line-height:1.5em;margin-bottom:.5em;font-weight:normal;font-family:"Lucida Bright", Cambria, Georgia, Garamond, Berkeley, serif;} .description ul {font-size: 1.1em;} #main-content ul ul{list-style-type:disc;list-style-position:inside;padding-left:1em;} #main-content ul ul ul {list-style-type:circle;padding:.5em 0 .5em 1em} #main-content ul ul ul li{font-size:.95em;font-family: Arial, Helvetica, sans-serif;} #main ul, #main ol{} #quick-links li, #outreach-foot li, #ask-foot li, #spotlight-foot li{line-height:1.5em;} /*Added link style to diferentiate from other text and be more user friendly -JM */ #glance dd a{ text-decoration:underline; } #sidebar-utility ul li, #sidebar-details ul li, #sidebar-details dl dd {font-family: Arial, sans-serif;color:#698;margin-bottom:.75em;} dd.bulleted{padding-left:12px;background: transparent url(../images/bullet-rightarrows.png) 0 6px no-repeat;} #sidebar-utility a, #sidebar-details a {color:#698;text-decoration:none;word-wrap:break-word;} #sidebar-utility a:hover, #sidebar-details a:hover{color:#e41;text-decoration:underline;} #sidebar-details dl dt{color:#fb3; text-transform:uppercase; font-weight:bold;font-size:.85em;} #sidebar-utility ul, #sidebar-details ul {list-style-type:none;} #sidebar-utility ul li{border-bottom:1px dotted #fff;padding:0 0 .5em} #site_index dl {float:left; overflow:hidden;padding: 0 10px 10px; width:140px;font-family: Arial, Helvetica, sans-serif;} #site_index dt {padding:10px 0 2px;} #site_index dt a {color:#e41;} #site_index dd {padding:1px 0;} #site_index dd a {color: #698;} #main-quicklinks{padding-top:60px;} #main-quicklinks ul {list-style-type:none; text-align:left;} #main-quicklinks ul li {font: 1em Arial, Helvetica, sans-serif;line-height:1.5em;padding-top:1em;margin-bottom:.75em;} #main-quicklinks ul li a {padding-left:35px;background:transparent url(../images/arrowbutton-off.png) no-repeat; text-align:left;text-decoration:none; color:#698;display:block; height:23px;padding-top:3px;} #main-quicklinks ul li a:hover{background:transparent url(../images/arrowbutton-on.png) no-repeat} #nav-one ul {list-style-type:none;width:432px;height:23px;float:left;} #nav-one ul li {float:left; margin:0; padding:0;} #nav-one ul li a {float:left; display:block; height:23px; text-indent: -9999px; background-position: left top;} #nav-one ul li a:hover {background-position: left -23px;} #nav-one li.teaching-materials a {background: transparent url(../images/tm_a.gif) no-repeat; width:163px;} #nav-one li.history-content a {background: transparent url(../images/hc_a.gif) no-repeat; width:140px;} #nav-one li.best-practices a {background: transparent url(../images/bp_a.gif) no-repeat; width:129px;} #teaching-materials li.teaching-materials a, #best-practices li.best-practices a, #history-content li.history-content a {background-position: left bottom;} #tah-grants a.tah-grants, /*styles the text links in second-level nav in header to tell people where they are*/ #professional-development a.professional-development, #issues-and-research a.issues {border-bottom:2px solid #bc9; color:white;font-weight:bold;} #outreach #chatter ul {list-style-type:none;} ul.pager {float:left;color:#698;clear:left;margin-top:1em;border-top:1px solid #fff;padding-top:.5em;border-bottom:1px solid #fff;} /*at bottom of browse pages to control look of pagination through results*/ #main-content ul.pager li {display:inline; float:left; text-align:left; list-style-type:none; padding:0 0 .5em 0; margin-right:12px; margin-left:0;font-family: Arial, sans-serif;font-size:10px;} .pager li a, .pager a.active {color:#777;margin-left:0; padding-left:0;} li.pager-current.first {font-weight:bold;color:#e41} ul.links li {display:inline; list-style-type:none; padding: 0 9px 0 3px;border-right: 1px solid #698;} .block ul{padding:0 0 0 0;} .block ul li{list-style-type:none;list-style-position:inside;margin:0} /*section navigation menu for Beyond the Textbook*/ #sidebar-details #navmenu h4 {color:#e41;font-weight:bold;border-top:1px solid #fb3;border-bottom:1px solid #fb3;} #sidebar-details ul#navmenu {text-align:right;} /* #sidebar-details #navmenu ul {list-style-type:none;list-style-position:outside;margin: 0;padding: 0;width: 220px;background:transparent;}*/ #sidebar-details ul#navmenu li {font-weight:bold;} #sidebar-details #navmenu li ul li {text-decoration:underline;font-weight:normal;} /*Modified Nav Menu Functionality, JS selector Style */ .navSelect {color:#e41;font-weight:bold;border-top:1px solid #fb3;border-bottom:1px solid #fb3;} /*apache solr search results */ #solr-result-title {font-size: 1.416em; line-height:1.125em; margin:.563em 0 0em; color:#698; font-family: "Arial Narrow", "Helvetica Neue Condensed", "Helvetica LT Condensed", Arial, sans-serif ; letter-spacing:.025em; font-weight:bold;} /* =CONTENT==================================== --------------------------------------------------------------------------------*/ h1#logo a {color:#fff; display:block; height:82px;width:305px; background:transparent url(../images/NHEC-logo.gif) no-repeat; margin:20px 0 0;} #header form {position:relative; padding:0 0 2px; height: 18px;} #header .inputtext {display:block; position:absolute; bottom:0px; left:0;font-style:italic; color:#336655;width:140px;} #header .inputbutton {position:absolute; bottom: 0px; right:12px;} /*the video thumb row*/ .videothumb {text-align:left; background-color:#bc9;padding:5px; margin-top:1em;} .videothumb img {height:90px;width:140px;border-bottom:2px solid #bc9;} .videothumb-title {background-color: #698; color: #fff; height:40px; width:130px; margin:0; padding:5px;font:12px/16px "Arial Narrow", "Helvetica Neue Condensed", "Helvetica LT Condensed", Arial, sans-serif ;text-align:center;} h2#break-message {display:block;height:80px;width:440px;padding:20px;background: transparent url(../images/head-browse-HisQuiz-holiday.png) top left no-repeat;} h3#tm, h3#hc, h3#bp, h3#ask-mt {display:block; height:33px;width:175px;} h3#tm {background: transparent url(../images/head-RecentlyTM.png) top left no-repeat;} a#tm-go {color:#fff; display:block; height:27px;width:220px; background:transparent url(../images/button-BrowseTM.png) no-repeat;clear:both;} h3#hc {background: transparent url(../images/head-RecentlyHC.png) top left no-repeat;} a#hc-go {color:#fff; display:block; height:27px;width:220px; background:transparent url(../images/button-BrowseHC.png) no-repeat;clear:both;} h3#bp {background: transparent url(../images/head-RecentlyBP.png) top left no-repeat;} a#bp-go {color:#fff; display:block; height:27px;width:220px; background:transparent url(../images/button-BrowseBP.png) no-repeat;clear:both;} h3#ask-mt {background: transparent url(../images/head-RecentlyAskMT.png) top left no-repeat;} a#askMT-go {color:#fff; display:block; height:27px;width:220px; background:transparent url(../images/button-BrowseAskMT.png) no-repeat;clear:both;} h3#ask-his {background: transparent url(../images/head-RecentlyAskHis.png) top left no-repeat;} a#askHis-go {color:#fff; display:block; height:27px;width:220px; background:transparent url(../images/button-BrowseAskHis.png) no-repeat;clear:both;} h3#ask-dhis {background: transparent url(../images/head-RecentlyAskDHis.png) top left no-repeat;} a#askDHis-go {color:#fff; display:block; height:27px;width:220px; background:transparent url(../images/button-BrowseAskDHis.png) no-repeat;clear:both;} #blog-inside {background: #71a28f;padding:10px;} #recently img, #resources img, #teacher-pick img {height:60px; width:108px;margin-bottom:18px;}/*this is to control the size of the horizontal thumbnail images on home/splash pages; this is 25% of size of image in slideshow*/ #recently h4, #resources h4, #resources h3 { clear:left;} #accordion {width:298px;margin-bottom:1.5em;} #teaching-materials #accordion {/*width:318px;*/} #history-content #accordion {/*width:238px;*/} #ell-maincontent #accordion {width:698px;} #ell-maincontent #accordion .section-content {padding:12px;} #searches #accordion{width:458px;} /*quiz holiday edits #quiz-inside {height:200px;background:transparent url(../images/head-HisQuiz-holiday.png) no-repeat; margin:10px; } end holiday edits*/ #quiz-inside, #digiclass-inside, #thinking-inside { padding: 10px 10px 0; background: transparent; } #quiz h3 {height:27px;background:transparent url(../images/head-HisQuiz.png) no-repeat;} #digiclass h3 {height:27px;background:transparent url(../images/head-DigiClass.png) no-repeat;} #thinking h3 {height:27px;background:transparent url(../images/head-ThinkHis.png) no-repeat;} .gridbox h4 {margin:1em 0 .5em;} #quiz h5 {margin-top:2em;text-align:left;color:#000;} #quiz h5 a{color:#e41;} .gridbox img {border: none;} #ask-historian h3 a{color:#fff; display:block; height:26px;width:194px; background:transparent url(../images/head-AskHis.png) no-repeat;} #ask-mteacher h3 a{color:#fff; display:block; height:26px;width:194px; background:transparent url(../images/head-AskMasTeach.png) no-repeat;} #ask-digihistorian h3 a{color:#fff; display:block; height:26px;width:194px; background:transparent url(../images/head-AskDigHis.png) no-repeat;} #quick-links h3 {color:#fff; display:block; height:26px;width:194px; background:transparent url(../images/head-QuickLinks.png) no-repeat;} #outreach-foot h3 {color:#fff; display:block; height:26px;width:194px; background:transparent url(../images/head-OutreachFoot.png) no-repeat;} #ask-foot h3 {color:#fff; display:block; height:26px;width:194px; background:transparent url(../images/head-AskA.png) no-repeat;} #spotlight-foot h3 {color:#fff; display:block; height:26px;width:194px; background:transparent url(../images/head-Spotlight.png) no-repeat;} #footer-top .teams {width:25%; float:left;} /* =SPLASH PAGES==================================== -----------------------------------------------------------------------*/ #slideshow .instructions{padding-top:6px;} #videos-window h2{margin-bottom:0;} #videos-window h2 .instructions{font-size:8px;font-family: Helvetica, Arial, sans-serif;} h2#read-and-learn {background:transparent url(../images/head-READLEARN.png) no-repeat;} h2#searches {background:transparent url(../images/head-SEARCHES.png) no-repeat;} h2#participate {background:transparent url(../images/head-PARTICIPATE.png) no-repeat;} h2#events {background:transparent url(../images/head-EVENTS.png) no-repeat;} h2#calendar {background:transparent url(../images/head-CALENDAR.png) no-repeat;} h2#report {background:transparent url(../images/head-REPORT.png) no-repeat;} a.go {background: transparent url(../images/button-ViewAll.png) no-repeat;display:block; height: 27px; width:80px;} a.ask {background: transparent url(../images/button-AskQuestion.png) no-repeat;display:block; height: 27px; width:178px;} /* #spotlight {background: transparent url(../images/head_spotlight-on.png) no-repeat; display:block; height: 22px; width:159px; margin-bottom:3px;}*/ #inside-this-section1, #inside-this-section2, #inside-this-section3 {margin-bottom:1.5em;} #history-content #inside-this-section2, #teaching-materials #inside-this-section2 {padding-top:27px;} #participate-wrap {padding:12px 12px 6px; background-color:#71a28f; margin-bottom:12px;} #participate-wrap .special-topics{background-color: #bc9;} #report-wrap{padding:12px; background-color:#fff;} #instructions{float:right;padding-right:20px;width:280px;} /* for professional development splash page calendar listings*/ .view-calendar-of-events .views-field-title .field-content {color:#698; font-family: Arial, Helvetica, sans-serif;font-weight:bold;} /* =LANDING PAGES==================================*/ /*BEYOND THE TEXTBOOK*/ #btt-maincontent {background: transparent url(../images/bg_beyond-textbook.gif) no-repeat 420px 0%;} #teasers-container{margin-top:2em;} #tgp-maincontent #teasers-container {margin-top:6px;} #abstract{margin-top:2em; padding:0 12px 6px; border:1px solid #fb3; background-color:#fbfbf2;line-height:1.75em; padding:0 20px 12px;} /*ROUNDTABLE*/ #rt-maincontent {background: transparent url(../images/bg_roundtable.gif) no-repeat 420px 0%;} .speaker-box {background:transparent url(../images/bg_speaker-box-tail.gif) no-repeat 50% 100%; border:1px solid #fb3;border-width:1px 0px 0 0px;padding-bottom:28px;margin-bottom:36px;} .speaker-box h3{border-left: 1px solid #fb3; border-right:1px solid #fb3;border-top:1px solid #fb3;} .speaker-box p{padding:9px 4px 12px 0px;background:white;overflow:hidden;margin-bottom:0;line-height:1.25em;font-size:.9em;} .speaker-box img{background:#f3f3ea;margin-left:9px;} /*ENGLISH LANGUAGE LEARNERS*/ #ell-maincontent {background: transparent url(../images/bg_ells.gif) no-repeat 420px 0%;} /*TEACHING GUIDES PROTOTYPE*/ #tgp-maincontent {background: transparent url(../images/bg_tgp.gif) no-repeat 420px 0%;} #examples {padding:10px 10px 0;width:280px;background:#fff;border-top:3px solid #fb3;border-bottom:3px solid #fb3;margin-top:20px;} #examples-tgg {padding:10px 10px 0;width:200px;background:#fff;border-top:3px solid #fb3;border-bottom:3px solid #fb3;} /*QUICKLINKS*/ #top-row-quicklinks {background: #f9f9f9 url(../images/shadow-bg.jpg) repeat-x;border-bottom: 1px solid #bc9; margin:0 auto 0; padding-bottom:20px;} /*more specific selectors to change selected properties of videothumb just for these pages*/ #quick-links-elementary #video-box, #quick-links-middle #video-box, #quick-links-high #video-box{width:210px;} #quick-links-elementary .videothumb, #quick-links-middle .videothumb, #quick-links-high .videothumb {margin-top:0;margin-left:10px; height:170px;overflow:hidden;} #quick-links-elementary .videothumb img, #quick-links-middle .videothumb img, #quick-links-high .videothumb img {height:135px;width:210px;margin-bottom:2px;} #quick-links-elementary .videothumb-title, #quick-links-middle .videothumb-title, #quick-links-high .videothumb-title {height:20px; width:200px;} #quick-featured-wrap{width: 670px; height: 160px;overflow:hidden;border:5px solid #bc9;background: #f3f3ea;padding:5px 0;} #teacher-pick{width:345px; float:left;margin-left:10px;padding-right:10px;} #quote-wrap{width:260px;padding:10px 5px 0 20px;float:left;border-left: 1px dotted #698; background:transparent url(../images/bg_open-quote.gif) 6px 0 no-repeat;margin-top:7px;} #quote-wrap p.quote {font-style:italic;background:transparent url(../images/bg_close-quote.gif) 98% bottom no-repeat;padding:5px 10px 0 0;margin-bottom:12px;font-size:12px; line-height:16px; } .runin {font-style:italic; font-weight:bold;} p.source {text-transform:uppercase;font-size:smaller;color:#ab8;} h2#gradek-2, h2#grade3-5, h2#grade6-8, h2#grade9-12, h2#toolkit, h2#remembrance-learn, h2#remembrance-teach, h2#remembrance-remember {height:36px;margin-bottom: 12px;} h2#gradek-2 {background:#fb3 url(../images/head-GRADEK-2.png) 50% 50% no-repeat;} h2#grade3-5 {background:#e41 url(../images/head-GRADE3-5.png) 50% 50% no-repeat;} h2#grade6-8 {background:#fb3 url(../images/head-GRADE6-8.png) 50% 50% no-repeat;} h2#grade9-12 {background:#fb3 url(../images/head-GRADE9-12.png) 50% 50% no-repeat;} h2#toolkit {background: #698 url(../images/head-TOOLKIT.png) 50% 50% no-repeat;} h2#remembrance-learn {background-color: #fb3;} h2#remembrance-teach {background-color: #e41;} h2#remembrance-remember {background-color: #698;} /*OUTREACH*/ h1#page-title.outreach {background:transparent url(../images/head-Outreach.png) 376px 0 no-repeat;display:block;height:51px;width:960px;} #highlight-box {background: #fbfbf2;padding:20px 10px; border:5px solid #bc9;} h2#read, h2#download, h2#connect {height:46px;margin-bottom: 12px;} h2#read {background:transparent url(../images/head-Read.png) no-repeat;} h2#download {background:transparent url(../images/head-Download.png) no-repeat;} h2#connect {background:transparent url(../images/head-Connect.png) no-repeat;} #chatter ul li {margin-bottom:9px;} /* INSIDE PAGES AND ITEM PAGES==================================== -----------------------------------------------------------------------*/ div.description{display:none;} #comments {padding-bottom:2em;} #sidebar-details, #sidebar-utility{padding-top:5em;} #civil-war #sidebar-details, #civil-war #sidebar-utility {padding-top:108px;} #btt-maincontent #sidebar-utility {padding-top:3em;} #social, #downloads, #related {margin-bottom:2em;} .sidebox {padding:12px 9px; background: #fff url(../images/sidebox-bg.jpg) top left repeat-x;margin-bottom:2em;border-bottom: 1px solid #fb3; overflow:hidden;} #bm_controls {padding-top:1.5em;line-height:2em;} #nhec_bookmarks, #block-nhec_bookmarks {font-size: .833em; line-height:1.8em;} .imagefield imagefield-field_image{} /*---for professional organizations listings -----*/ .vcard{line-height:1.5em; font-size:1em;margin:0 0 1.5em;} .field-field-address2{margin-top:1.5em;} .field-field-bibliography, .field-field-resources{padding:1em 2em;border:1px solid #fb3;background:#fbfbf2;font-size:smaller;clear:both;margin-bottom: 7px;} .field-field-bibliography .field-label, .field-field-resources .field-label{font-size:1.25em;color:#e41;text-align:center;margin:0;} /* =Tooltip (styles for hovers on global nav) -----------------------------------------------------------------------*/ .tooltip{ position:absolute; z-index:5000;left:-9999px;background-color:#fb3;padding:5px;width:200px;} .tooltip p{margin:0;padding:0;color:#e41;background-color:#fb3;padding:2px 7px;font-family: "Arial Narrow", sans-serif;font-size:1em;} /* =TOGGLES DIVS for Beyond Textbook and Rountable toggles-------- -----------------------------------------*/ h3.trigger, .speaker-box h3.trigger {padding: 0 0 0 9px;margin: 0 0 0px 0;font-size: 16px;font-weight: normal;float: left;} h3.trigger {background: url(../images/h3-trigger-a.gif) no-repeat;width: 211px; height: 32px;line-height: 32px;} .speaker-box h3.trigger {background: url(../images/speaker-h3-trigger-a.gif) no-repeat;height:30px;line-height:30px;width:209px;/*220-2px for borders-9px left padding*/} h3.trigger a {color: #fbfbf2;text-decoration: none;display: block;} h3.trigger a:hover {color: #e41;} h3.active, .speaker-box h3.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/ .toggle-container, .speaker-box .toggle-container {margin: 0 0 12px;padding: 0; background: #b0c18f;overflow: hidden;font-size: 1.2em;width: 220px;clear: both;} .toggle-container {border-top: 0px solid #fb3;border-bottom: 1px solid #fb3;} .speaker-box .toggle-container {border-bottom:0px; margin-bottom:0;border-top:1px solid #fb3;} .toggle-container .toggle-block {padding: 9px; /*--Padding of Container--*/} .toggle-block p{font-size:.75em; font-style:italic;line-height:1.6em;background:transparent;} #navmenu li ul li:hover, ul#navmenu li ul li.hover {color: #e41;}/*used with sfHover js function in global js to provide a hover effect on BTT TofC navmenu for ie6*/ /* =Expand/collapse text------------ */ .expand a { display:block; padding:3px 0px } .expand a:link, .expand a:visited { background-image:url(../images/arrow-down.gif); background-repeat:no-repeat; background-position:95% 50%; } .expand a:hover { text-decoration:underline } .expand a:active, .expand a:focus {} .expand a.open:link, .expand a.open:visited { background:transparent url(../images/arrow-up.gif) no-repeat 95% 50% } /* =TABLE STYLES for LPR rubrics ================ -----------------------------------------------------------*/ table#pager_results caption {border-top:1px solid #fff;border-bottom:1px solid #fff; padding:12px 0 6px; margin-bottom:12px; font-weight:bold; font-size:larger; color:#e41;} table.rubric{width:450px;background-color: #666;margin:0px;border-collapse:collapse;font-family: Arial, Helvetica, sans-serif;font-size:1em; line-height:1.5em;table-layout:fixed;margin-bottom:1em;} #tgp-maincontent table {margin-bottom:2em;width:690px;} .rubric caption{text-align:center; text-transform:uppercase;font-size:1em; font-weight:bold; font-family: "Arial Narrow", "Helvetica Neue Condensed", "Helvetica LT Condensed", Arial, sans-serif;padding:9px 0; color:#fff; background:#84aa97 url(../images/rubricHead-bg.png) repeat-x;margin-bottom:1px;} .rubric thead{background:#cbd5aa url(../images/th-gradient-bg.png) repeat-x;} .rubric thead th, thead th, tbody th {border-bottom:1px dotted #fff;} .rubric td{background: #f2f2dd url(../images/td-gradient-bg.png) repeat-x;} .rubric th, .rubric td {vertical-align:top;text-align:left;padding:10px 10px 10px 5px;} .rubric p {font-family: Arial, Helvetica, sans-serif;} .rubric tr, .rubric td {border-bottom:1px solid #fff;} .rubric tbody tr th {background:#fb3;border-right:1px solid #fff;} .rubric a{color:#698;font-weight:bold;} .rubric em {font-weight:bold;} /* =FORMS css here to override Drupal's css --------------------------------------------------*/ /*input, textarea {font-size: 100%; padding: 4px;border: none;}*/ input {margin:2px 0 9px 0; font-family: Helvetica, Arial, Tahoma, sans-serif;} label {font-weight: bold;color: #698;line-height:2em;font-family: "Arial Narrow", "Helvetica Neue Condensed", "Helvetica LT Condensed", sans-serif;} textarea {/*height: 120px;*/font-family: Helvetica, Arial, Tahoma, sans-serif;max-width: 100%;} .inputHighlighted{ /* Highlighting style */width: 220px;color: #fb3;background-color:#f3f3ea;} form .instructions, .search-form .instructions{font-size:75%; color:#666;text-transform:uppercase;letter-spacing: .05em;} .search-form button, #googleSearchForm button, input.form-submit{clear:both;margin-left:88px;} #sidebar-details input.form-submit, #comment-form input.form-submit {margin-left:0px;} .search-form textarea, #googleSearchForm textarea {height: 100px;font-family: Helvetica, Arial, Tahoma, sans-serif;} .search-form label, #googleSearchForm label {float:left; text-align:right;margin-right:3px;display:block; width:80px; padding-top:3px;font-weight: bold;color: #698; font-family: "Arial Narrow", "Helvetica Neue Condensed", "Helvetica LT Condensed", sans-serif;font-size:11px;line-height:12px;} .search-form input, #googleSearchForm input{float:left; padding:2px; width:180px; margin:2px 0 12px 6px;color: #000000;border: none;height:12px;background: #f3f3ea;} #history-content .search-form input {/*width:120px;*/} .search-form button, #googleSearchForm button{clear:both;margin-left:88px;} input#edit-submit-historic-sites, input#edit-submit-website-reviews, input#edit-submit-pro-dev-state-search {margin-left:88px;} .search-form textarea, #googleSearchForm textarea {height: 100px;font-family: Helvetica, Arial, Tahoma, sans-serif;} form .instructions, .search-form .instructions{font-size:75%; color:#666;text-transform:uppercase;letter-spacing: .05em;} .search-form button, #googleSearchForm button, .search-form input.form-submit, {background /**/:transparent url(../images/submit_search.png) no-repeat; border /**/:none; cursor /**/:pointer; text-indent /**/:-1000em;height:22px;width:73px;margin-top /**/:0px;float:none;} #views-search-attachment-ahah input{ clear:right; } .marker, .form-required {color:#e41;} #accordion form {} /* =SOLR css here to override Drupal's css-----------------------------------------------------------------------*/ #solr-search-form input.form-submit{margin-left:0px;} #solr-search-form input.edit-keys{float:left;} #solr-search-form .form-item{display:inline;} #solr-search-form label{display:inline;color:#666} /* Hack for IE 6 and below -> add more padding below the form */ * html #accordion .search-form form {} #accordion .search-form p{padding:0; margin:0} #sidebar-details .form-select{width:200px;} #sidebar-details .form-item .form-select{width:200px} #accordion .search-form .form-select{margin-left:6px;width:184px;} /*#history-content #accordion .search-form .form-select{width:124px;}*/ /*.search-form p, #googleSearchForm p {display:block;padding-bottom:3px;}*/ /*#teaching-materials #search-form form {float: left;padding: 0 12px 6px;}*/ #autocomplete {border:none; margin-left:80px;padding:0;padding-top:5px;}/*for the autocompletes that show up on splash page search inputs*/ #autocomplete ul{list-style-type:none;padding:0; } #autocomplete ul li {font-size:10px; background:#f3f3ea;font-family: Arial, Helvetica, sans-serif;color:#698;padding:0 2px 0;} /* =COMMENTS==================================== overrides internal drupal styles*/ #comments {padding:1em 1.5em;margin:2em 0 1em; background: #eaeae1;clear:both;} form#comment-form label{color:#7e7e7e;} #comments fieldset legend {line-height:2em;} #comments fieldset .description{font-size:.9em;margin-bottom:1em;} #comments .comment a {text-decoration:none;color:#7e7e7e} #comments .submitted{text-transform:uppercase;font-size:9px;line-height:12px;color:#fb3;letter-spacing:.08em;} #comments ul.tips li, #comments a:link{font-family: Arial, Helvetica, sans-serif;} #comments h2{color:#7e7e7e; border-top:1px solid #ffe;padding-top:1em;} #comments p {font-size:.9em; margin-bottom: 1.5em;} .resizable-textarea {width:99%} .comment p{padding-bottom:0px;} .comment.comment-published{background: transparent url(../images/comment-bubble-white.gif) top left no-repeat;padding-left:36px;} /* =Logos page =============== */ .logos-box {border-top:1px dotted #e41; margin-bottom:36px;} .logos-box h3 {margin-top:6px;} .logos-box p {font-family: 'Arial Narrow',Arial,sans-serif;} .logos-box a {font-size:14px;font-weight:bold;} div.status { color: black; border-color: #FFBB33; } .messages { background-color: #FBFBF2; border: 5px solid #b8d3e5; padding:20px 10px; } /* =Master Form/ input align need to move =============== */ #edit-submitted-basic-information-set-first-name-wrapper label{ width:115px; display:inline-block; } #edit-submitted-basic-information-set-last-name-wrapper label{ width:115px; display:inline-block; } #edit-submitted-basic-information-set-email-address-1-wrapper label{ width:115px; display:inline-block; } #edit-submitted-basic-information-set-email-address-2-wrapper label{ width:115px; display:inline-block; } #edit-submitted-basic-information-set-school-organization-set-school-organization-name-wrapper label{ width:115px; display:inline-block; } #edit-submitted-basic-information-set-school-organization-set-address-line-1-wrapper label{ width:115px; display:inline-block; } #edit-submitted-basic-information-set-school-organization-set-address-line-2-wrapper label{ width:115px; display:inline-block; } #edit-submitted-basic-information-set-school-organization-set-city-wrapper label{ width:115px; display:inline-block; } #edit-submitted-basic-information-set-school-organization-set-state-select-wrapper label{ width:115px; display:inline-block; } #edit-submitted-basic-information-set-school-organization-set-zip-wrapper label{ width:115px; display:inline-block; } #edit-submitted-basic-information-set-school-organization-set-country-select-wrapper label{ width:115px; display:inline-block; } #edit-submitted-basic-information-set-school-organization-set-i-am-a-select-wrapper label{ width:115px; display:inline-block; } /* =Master Form/ misc fields need to move =============== */ #edit-submitted-how-did-you-hear-about-teachinghistoryorg-select{ margin-left:130px; } #webform-client-form-25012{ font-family:"Lucida Bright", Cambria, Georgia, Garamond, Berkeley, serif;line-height:1.75; font-size:1em;margin:0 0 1.5em; } #webform-client-form-25012 input.form-submit{ margin-left: 130px; } #edit-submitted-how-did-you-hear-about-teachinghistoryorg-other{ margin-left: 130px; width:175px; } #edit-submitted-basic-information-set-school-organization-set-i-am-a-other{ margin-left: 130px; width:175px; } #edit-submitted-basic-information-set-school-organization-set-state-other{ margin-left: 130px; width:175px; } #edit-submitted-basic-information-set-school-organization-set-country-other{ margin-left: 130px; width:175px; } #edit-submitted-request-materials-set-copies-of-newsletters,#edit-submitted-request-materials-set-copies-of-ht-posters,#edit-submitted-request-materials-set-copies-of-cw-poster,#edit-submitted-request-materials-set-copies-of-fliers{ text-align:right; } /* =Master Form/ button need to move =============== */ #webform-client-form-25012 input.form-submit { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dbfb2), color-stop(1, #72a28f) ); background:-moz-linear-gradient( center top, #9dbfb2 5%, #72a28f 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dbfb2', endColorstr='#72a28f'); background-color:#9dbfb2; -moz-border-radius:38px; -webkit-border-radius:38px; border-radius:38px; border:1px solid #dedede; display:inline-block; color:#ffffff; font-family:arial; font-size:12px; font-weight:bold; padding:6px 24px; text-decoration:none; } #webform-client-form-25012 input.form-submit:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #72a28f), color-stop(1, #9dbfb2) ); background:-moz-linear-gradient( center top, #72a28f 5%, #9dbfb2 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72a28f', endColorstr='#9dbfb2'); background-color:#72a28f; } #webform-client-form-25012 input.form-submit:active { position:relative; top:1px; } /* =Master Form/ field focus need to move =============== */ .focusField{ border:solid 2px #F0B535; background:#FFFFFF; color:#000; } .idleField{ background:#FFFFFF; color: #6F6F6F; border: solid 2px #DFDFDF; } .input-format-help{ line-height: 1.8em;font-size:.9em;color:#666666;; } .views-view-grid td{ padding: 5px; text-align: center; } .slide-out-div { /* padding: 20px;*/ /* width: 250px;*/ width: 290px; background: #FFF; border: 1px solid #4C7263; display: none; } #nhec_bookmarks{ padding: 20px; } .bm_titleTxtBox{ width:230px; } .bm_TxtArea{ width:230px; } #bm_saveBtn{ margin-top:5px; } .views-field-title h2{ clear:both; } .field-content{ margin-bottom: -6px; } #box-content-label{ padding-bottom: 1em; } #edit-comment{ height:50px; } #search-type{ color: #698; font-size:80%; }