/* ----- MASTER STYLES - myCOBUILD.com ----- */ html, body {height:100%; margin: 0; padding:0; color:#575757; font:100% Arial, Verdana, Helvetica, sans-serif; text-align: center;} body {} img { border:none;} form {margin:0; padding:0;} address {font-style:normal;} ul {margin: 0; padding: 0; list-style-type: none;} ol {margin: 0; padding: 0; list-style-type: none;} li {margin: 0; padding: 0;} a {text-decoration: none; color:#4D4D4D;} a:hover {text-decoration: underline;} hr {display: none; visibility: hidden;} label {font-weight: bold;} fieldset {border: 0; margin: 0; padding: 0;} p {line-height: 1.4em; padding:0; margin:0 0 1.4em 0;} textarea {font-family: Arial, Helvetica, sans-serif; font-size:1em;} input {font-family: Arial, Helvetica, sans-serif; font-size:1em;} select {font-family: Arial, Helvetica, sans-serif; font-size:1em;} h1, h2, h3, h4, h5, h6 {margin:0; padding:0;} h1.heading-green { font-size:15px; color:#008080; float:left; padding:0; background: url(../images/global/component-header-bars.gif) repeat-x left top; height:44px; padding:5px 0 0 4px; width:770px; } .cobuild {font-size: 90%; } p.error {margin: 0; padding: 0; font-size: 12px; color: #ff0000; font-weight: bold; clear: both;} /* -- ACCESSIBILITY SPECIFIC -- */ ul#skiplinks{position:absolute; width:0; height:0;} ul#skiplinks li {line-height:0px; font-size:0.5px; height:0px;} ul#skiplinks li a {color:#FFF;} /* wrapper */ #wrapper {width:800px; margin:0 auto; padding:0; font-size: .75em; text-align: left; position:relative;} a.linkButton {font-weight: bold; color: #4d4d4d!important; padding-right: 16px; background: url(../images/global/arrow-right.gif) right center no-repeat scroll;} a.linkButton-green {font-weight: bold; color: #008080!important; padding-right: 16px; background: url(../images/global/arrow-right.gif) right center no-repeat scroll;} /* header */ #header {width: 760px; height: 155px; margin: 0; padding: 22px 20px 0; background: url(../images/global/top-bar-tile.jpg) left top repeat-x scroll;} #header p.headerLogo {float: left; width: 265px; margin-bottom: 6px;} #header p.secondaryLogos {float: right; width: 204px; margin-top: 5px;} #header p.secondaryLogos img {margin-left: 15px;} #header fieldset#mainSearch {background: url(../images/global/search-box-tile.gif) no-repeat left top; float: left; clear: left; margin-left: 132px; height: 72px; width:494px; } /* Safari hack */ @media screen and (-webkit-min-device-pixel-ratio:0) { #header fieldset#mainSearch { width: 486px; } } /* Opera hack */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { #header fieldset#mainSearch { width: 492px; } } #header fieldset#mainSearch label {font-size: 1.2em; color: #4d4d4d; float: left; margin: 25px 10px 0 13px;} #header fieldset#mainSearch div.searchboxRight {float: left; margin: 0; width: 13px; height: 70px; display: block; background: url(../images/global/search-box-right.gif) top right no-repeat scroll;} #header fieldset#mainSearch div.searchShadow {float: left; width: 246px; height: 19px; background: url(../images/global/searchbox-shadow.gif) left top no-repeat scroll; padding: 2px 0 0 2px; margin: 24px 0 0;} #header fieldset#mainSearch div.searchShadow input.dictionarySearch {width: 238px; border: 0; padding: 0; margin: 0;} #header fieldset#mainSearch img {float: right;} #header div#logged-in-buttons {position: absolute; top: 70px; right: 20px; width: 100px; font-size: 0.9em; text-align: right; } #header div#logged-in-buttons p {margin: 0 0 7px;} body#popup #header {width: 700px; height: 256px; padding: 22px 20px 20px; background: url(../images/global/top-bar-tile.jpg) left top repeat-x scroll;} input.button {float: left; background: url(../images/global/button-right.gif) right top no-repeat scroll; color: #fff; border: 0; font-size: 0.9em; height: 20px; cursor: pointer;} input.button.red {background: url(../images/global/button-right-red.gif) right top no-repeat scroll;} input.button.search {margin: 24px 2px 0 8px;} #content {margin: 0; position:relative; } #innerContainer {border:1px solid #eeeeee; padding:1px; width:774px; margin-left:10px;} #footer {width: 770px; clear: both; font-size: 0.9em; padding: 10px 0 0; margin: 0 auto; text-align: center;} #footer ul { margin: 0 auto; text-align: center; /*width: 760px;*/ width: 650px; padding-bottom: 15px; } #footer ul li {list-style-type: none; float: left; line-height: 12px; height: 12px; margin: 0 0 0.5em; } #footer ul li a {padding: 0 7px; border-right: 1px solid #9b9b9b; color: #4d4d4d;} #footer ul li a.border-none { border-right: 0px none Transparent; padding:0; } #footer ul li.first a {padding-left: 0;} #footer ul li.last a {padding-right: 0; border: none;} #footer #copyright { clear: both; /*margin-top: 20px;*/ padding-bottom: 20px; margin:0 auto; clear:both; } #footer #copyright li { float: left; text-align: right; width: 325px; height: auto; } #footer #copyright #ul { text-align: center; width: 625px; } /* secondary content - right hand column */ #content #contentSecondary {float:right; display:inline; width:200px; margin:0 10px 0 0;} #content #contentSecondary ul#tools {margin-bottom:8px;} #content #contentSecondary ul#tools li {line-height:23px; padding-bottom:1px; margin-bottom:2px;} #content #contentSecondary ul#tools li a {display:block; color:#FFF; font-weight:bold; padding-left:27px; background:url(../images/global/arrow-right-tools.gif) 8px 0.4em no-repeat scroll; width:172px;} #content #contentSecondary ul#tools li.myWordset {background:url(../images/global/my-wordset-back.gif) top left no-repeat scroll;} #content #contentSecondary ul#tools li.wordOfTheDay {background:url(../images/global/word-of-the-day-back.gif) top left no-repeat scroll;} #content #contentSecondary ul#tools li.myWords {background:url(../images/global/my-words-back.gif) top left no-repeat scroll;} #content #contentSecondary ul#tools li.bookmarks {background:url(../images/global/bookmarks-back.gif) top left no-repeat scroll;} #content #contentSecondary ul#tools li.understandEntry {background:url(../images/global/understanding-entry-back.gif) top left no-repeat scroll;} #content #contentSecondary ul#tools li.specialFeatures {background:url(../images/global/special-features-back.gif) top left no-repeat scroll;} #content #contentSecondary ul#tools li.specialFeatures a.specialFeaturesArrowRight {background:url(../images/global/arrow-right-tools.gif) 8px 0.4em no-repeat scroll;} #content #contentSecondary ul#tools li.specialFeatures a.specialFeaturesArrowDown {background:url(../images/global/arrow-down-tools.gif) 8px 0.4em no-repeat scroll;} #content #contentSecondary ul#tools li.specialFeatures ul {margin: -2px 0 2px; padding: 2px; font-size: 0.9em; overflow: hidden; border: 1px solid #00808d;} #content #contentSecondary ul#tools li.specialFeatures ul li {padding: 5px; border-bottom: 1px solid #d7d7d7;} #content #contentSecondary ul#tools li.specialFeatures ul li.last {border-bottom: none;} #content #contentSecondary ul#tools li.specialFeatures ul li a {background: none; color: #4c4c4c; padding-left: 0; border: none; width:auto;} #content #contentSecondary ul#tools li.specialFeatures ul li a img {vertical-align: middle; margin-right: 5px;} #content #contentSecondary {margin-top: 1px;} #content #contentSecondary #wordTools {} #content #contentSecondary #wordTools h3 {line-height:23px; padding-bottom:1px; margin-bottom:2px; font-size: 1em;} #content #contentSecondary #wordTools h3.wordWeb {background: url(../images/global/wordweb-bg.gif) left top repeat-x scroll;} #content #contentSecondary #wordTools h3.thesaurus {background: url(../images/global/thesaurus-bg.gif) left top repeat-x scroll;} #content #contentSecondary #wordTools h3.wordLink {background: url(../images/global/wordlink-bg.gif) left top repeat-x scroll;} #content #contentSecondary #wordTools h3.wordPartnership {background: url(../images/global/wordpartnership-bg.gif) left top repeat-x scroll;} #content #contentSecondary #wordTools h3.usage {background: url(../images/global/usage-bg.gif) left top repeat-x scroll;} #content #contentSecondary #wordTools h3.pictureDictionary {background: url(../images/global/pictureDictionary-bg.gif) left top repeat-x scroll;} #content #contentSecondary #wordTools h3 a {display:block; color:#FFF; font-weight:bold; padding-left:27px; width:172px;} #content #contentSecondary #wordTools h3 a.wordWebArrowRight {background: url(../images/global/arrow-wordweb-right.gif) 0.6em center no-repeat scroll;} #content #contentSecondary #wordTools h3 a.thesaurusArrowRight {background: url(../images/global/arrow-thesaurus-right.gif) 0.6em center no-repeat scroll;} #content #contentSecondary #wordTools h3 a.wordLinkArrowRight {background: url(../images/global/arrow-wordlink-right.gif) 0.6em center no-repeat scroll;} #content #contentSecondary #wordTools h3 a.wordPartnershipArrowRight {background: url(../images/global/arrow-wordpartnership-right.gif) 0.6em center no-repeat scroll;} #content #contentSecondary #wordTools h3 a.usageArrowRight {background: url(../images/global/arrow-usage-right.gif) 0.6em center no-repeat scroll;} #content #contentSecondary #wordTools h3 a.pictureDictionaryArrowRight {background: url(../images/global/arrow-pictureDictionary-right.gif) 0.6em center no-repeat scroll;} #content #contentSecondary #wordTools h3 a.wordWebArrowDown {background: url(../images/global/arrow-wordweb-down.gif) 0.6em center no-repeat scroll;} #content #contentSecondary #wordTools h3 a.thesaurusArrowDown {background: url(../images/global/arrow-thesaurus-down.gif) 0.6em center no-repeat scroll;} #content #contentSecondary #wordTools h3 a.wordLinkArrowDown {background: url(../images/global/arrow-wordlink-down.gif) 0.6em center no-repeat scroll;} #content #contentSecondary #wordTools h3 a.wordPartnershipArrowDown {background: url(../images/global/arrow-wordpartnership-down.gif) 0.6em center no-repeat scroll;} #content #contentSecondary #wordTools h3 a.usageArrowDown {background: url(../images/global/arrow-usage-down.gif) 0.6em center no-repeat scroll;} #content #contentSecondary #wordTools h3 a.pictureDictionaryArrowDown {background: url(../images/global/arrow-pictureDictionary-down.gif) 0.6em center no-repeat scroll;} #content #contentSecondary #wordTools dl {margin: -2px 0 2px; padding: 5px 2px; font-size: 0.9em; overflow: hidden;} #content #contentSecondary #wordTools dl img.definitionNumber {vertical-align: middle; margin: 1px 0 0 0; width: 11px;} #content #contentSecondary #wordTools dl.wordWebContainer {border: 1px solid #993333;} #content #contentSecondary #wordTools dl.thesaurusContainer {border: 1px solid #339966;} #content #contentSecondary #wordTools dl.wordPartnershipContainer {border: 1px solid #623e7e;} #content #contentSecondary #wordTools dl.usageContainer {border: 1px solid #ff9900;} #content #contentSecondary #wordTools dl.pictureDictionaryContainer {border: 1px solid #39824c;} #content #contentSecondary #wordTools dl dt {border-bottom: 1px solid #eeeeee; padding-bottom: 5px; text-indent: 8px;} #content #contentSecondary #wordTools dl dt span.headword {font-style: italic; color: #158a96; } #content #contentSecondary #wordTools dl dd {margin: 5px 5px 0 8px; padding: 0; overflow: hidden;} #content #contentSecondary #wordTools dl dd span.partOfSpeech {color: #158a96; display:block; width: 33px; float: left;} #content #contentSecondary #wordTools dl dd span.inset {float: left; width: 145px;} #content #contentSecondary #wordTools dl dd span.inset a {color: #4d4d4d; text-decoration: none; font-weight: bold;} #content #contentSecondary #wordTools dl dd span.inset a:hover {text-decoration: underline;} #content #contentSecondary #wordTools dl dd em.example {font-style: italic;} #content #contentSecondary #wordTools p.wordLinkContainer {border: 1px solid #3366cc; font-style: italic;} #content #contentSecondary #wordTools p {margin: -2px 0 2px; padding: 5px 5px 5px 11px; font-size: 0.9em; overflow: hidden;} #content #contentSecondary #wordTools p .accentuate {color: #158a96; font-weight: bold;} #content #contentSecondary #wordTools dl.usageContainer dt span.headword {font-style: normal;} #content #contentSecondary #wordTools dl.usageContainer dd.usageDetails em.headword {font-style: italic;} #content #contentSecondary #wordTools dl.wordWebContainer dt span.headword {font-style: normal;} #content #contentSecondary #wordTools dl.wordWebContainer img, #content #contentSecondary #wordTools dl.pictureDictionaryContainer img {margin-top: 3px; width: 179px;} #content #contentSecondary #wordTools dl.pictureDictionaryContainer dd a {font-weight: bold; color: #158a96; padding-right: 18px; background: url(../images/global/arrow-right.gif) right center no-repeat scroll;} /* word web in page css */ #content #contentPrimary #wordDefinitions .wordToolsContainer h3 {line-height:23px; padding-bottom:1px; margin:0; font-size: 1em; color:#FFF; font-weight:bold;} #content #contentPrimary #wordDefinitions .wordToolsContainer dl {margin:0; padding:0; overflow: hidden;} #content #contentPrimary #wordDefinitions .wordToolsContainer dl img {width: 539px;} #content #contentPrimary #wordDefinitions .wordToolsContainer dl dt img {float:left;} /* picture dictionary in page css */ #content #contentPrimary #wordDefinitions .wordToolsContainer.pictureDictionary h3 {background: url(../images/global/pictureDictionary-bg.gif) left top repeat-x scroll;} #content #contentPrimary #wordDefinitions .wordToolsContainer.pictureDictionary h3 span {padding-left:27px; background: url(../images/global/arrow-pictureDictionary-down.gif) 0.6em center no-repeat scroll;} #content #contentPrimary #wordDefinitions .wordToolsContainer.pictureDictionary dl {border: 1px solid #39824c;} /* wed web in page css */ #content #contentPrimary #wordDefinitions .wordToolsContainer.wordWeb h3 {background: url(../images/global/wordweb-bg.gif) left top repeat-x scroll;} #content #contentPrimary #wordDefinitions .wordToolsContainer.wordWeb h3 span {padding-left:27px; background: url(../images/global/arrow-wordweb-down.gif) 0.6em center no-repeat scroll;} #content #contentPrimary #wordDefinitions .wordToolsContainer.wordWeb dl {border: 1px solid #993333;} /* Interactive Exercises */ #content.exercises {text-align:center;} /* -- USEFUL CLASSES -- */ .clr {clear:both; line-height:0px; font-size:0.5px; height:0px; overflow:hidden;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* Non IE clearfix */ .ast {font-size: 1.2em!important;} /* Homepage mast - added by Trellisys */ #cobuild-mast-box {width: 700px; height: 135px; margin: 0 auto; padding: 20px 50px 0; background: url(../images/global/top-bar-tile.jpg) left -57px repeat-x scroll;} #cobuild-mast-box .left { float:left; width:100px; text-align:center; } #cobuild-mast-box .right { float:left; width:570px; padding: 0 0 0 25px; text-align:center; color:#4D4D4D; } #cobuild-mast-box .right h2 { font-size: 1.50em !important; } #cobuild-mast-box .right h3 { font-size: 1.20em !important; } .button {float: left; background: url(../images/global/button-right.gif) right top no-repeat scroll; color: #fff; border: 0; font-size: 0.9em; height: 20px; cursor: pointer; margin:7px 0 0 30px;} .button-adjust {margin:7px 0 0 8px;} .button-adjust-print { margin:1px 0 0 45px;} .button a { display:block; height:20px; padding:2px 7px; color:#fff; } .green { color:#008080 !important; } .clear { clear:both; } .controlHolder{ padding:0 7px 0 7px; } .auto { height:auto !important; } .height-adjust { height:39px; } .height-adjust2 { height:52px; } .height-adjust3 { height:48px; } /*Free Search page styles */ #content #contentPrimary #innerContainer .left { float:left; width:130px; text-align:center; } #content #contentPrimary #innerContainer .right { float:left; width:560px; padding: 0 0 0 25px; text-align:left; color:#4D4D4D; } #content #contentPrimary #innerContainer .right p { clear: both; } ul.free-search-list { list-style-type:none; margin:0; padding:0; width:auto; } ul.free-search-list li { padding:0 0 0 22px; background:url(../images/list-disc-black.gif) left 2px no-repeat; float:left; margin: 7px 0 0; clear:both; width:480px;} .amazon-link-list-box { clear:both; margin:0 auto; width:720px; } #content #contentPrimary #innerContainer h2 { font-size: 1.50em !important; } #content #contentPrimary #innerContainer h3 { font-size: 1.20em !important; }