/* ========================================================= --------------------------------------------------------- CONTENTPANE + GENERAL Styles FEI Company Tools for NANOTECH © 2006 All Rights Reserved --------------------------------------------------------- ========================================================= */ /* ------------------------------------------------------------------------------------ GENERAL SITE STYLES*/ body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } H1 {padding-top: 7px; padding-bottom: 10px;} #content { font-family: Verdana, Arial, Helvetica, sans-serif; } #content p, #rightpane p {line-height: 1.5em; margin: 0.55em 0;} #content p.contact {line-height: 12px;margin: 0.55em 0;} #content h1 {color: #777;font-size: 21px;border: none !important;} #content h2, #content h2 a { margin: 10px 0 0 0; padding: 0; line-height: 1.3em; font-size: 12px; font-weight: bolder; } #content h2 {color: #646464;} #content h2 a {color: #000; } #content h2.noarrow { /*this class is only for h2 leads or h2 that start page*/ margin: 0;line-height: 1.0em;} #content h3, #content h3 a, #rightpane h3, #rightpane h3 a { padding: 0; margin: 0; font-weight: bolder; font-size: 11px;} #rightpane h3, #rightpane h3 a { margin-top: -20px;} #content h3, #rightpane h3 {color: #646464;} a img { border: none; } .pdf {font-size: 9px;} /*--------FLOATS & CLEARS------- ----------------------------------------------*/ .floatleft { float: left; position: relative; padding: 4px 20px 0 0; line-height: 0 !important; } .floatright {float: right;} .listfloatleft3x {float: left;margin-right: 20px;width: 155px;} .listfloatleft2x {float: left;margin-right: 40px;width: 220px;} div.clearboth { clear:both; margin: 0; padding: 0; } /*--------LINKAGE------- ----------------------------------------------*/ a:link, a:visited {color: #336699;text-decoration: none;} a:hover, a:active, a:focus {color: #336699;text-decoration: underline;} /*--------ul are for lists with links only ------- ----------------------------------------------*/ #prtResults ul {margin-left: -30px;} #content ul, #content ul.redCaret{list-style-type: none;} #content ul {padding: 0;margin-left: 0;} #content ul.redCaret {width: 120px;margin-left: 4px;} #content ul li, #content ul.redCaret li {margin-bottom: 6px;} #content ul li a {background: url(images/caretRight.gif) no-repeat 0 50%;padding-left: 10px;display: block;} #content ul li .pdf {margin-left: 10px;} #content ul.redCaret li a {background: url(images/red-caret-right.gif) no-repeat 0 3px;padding-left: 10px;display: block;} #content ul li a:link, #content ul li a:visited, #content ul li a:active #content ul li a:focus {text-decoration: none;} #content ul li a:hover { text-decoration: underline; } #content ul.redCaret li a:link, #content ul.redCaret li a:visited, #content ul.redCaret li a:active #content ul.redCaret li a:focus {text-decoration: none;color: #000;} #content ul.redCaret li a:hover { text-decoration:underline } /*--------ol are for items that should be bulleted ------- ----------------------------------------------*/ #content ol li {list-style-type: disc;margin-bottom: 6px;} #content ol.number li {list-style-type:decimal; } /* ------------------------------------------------------------------------------------ END::GENERAL SITE STYLES*/ /* ------------------------------------------------------------------------------------ product families*/ #content .productfamily {min-height:100px;margin-bottom: 17px;clear: both;} #content .productfamily p.img{ float: left; width: 102px; margin: 0; vertical-align: top; } #content .productfamily h2 {text-transform: capitalize;} #content .productfamily h2, #content .productfamily p {margin-left: 112px;} #content .familyApplications p { /*less margin p a for family pages*/ margin-bottom: -2px;} #content .familyApplications h3 {margin-top: 10px;} /* ------------------------------------------------------------------------------------ Glossary */ #content .glossalpha { font-size: 1.2em; color: #c50534; text-transform: uppercase !important; margin-bottom: 20px; } #content .glossalpha a { padding: 0 2px; } #content .glossterms h3 !important { font-size: 12px; margin-top: 20px; color: #000; font-weight: bold; } #content .glossterms p {margin-top: 0px;} #content p a.top:link, #content p a.top:visited, #content p a.top:active, #content p a.top:focus { color: #666;text-decoration: underline;} #content p a.top:hover {text-decoration: none; } /* ------------------------------------------------------------------------------------ events*/ table#eventsCalendar td.month h2 {margin-bottom: 8px;} table#eventsCalendar td.event {width: 200px; padding-bottom:10px;} table#eventsCalendar td.dates {width: 180px; padding: 0 010px 7px;} table#eventsCalendar td.location {padding-bottom: 10px;} /* ------------------------------------------------------------------------------------ Bug Image Gallery*/ #bugGallery {width: 100%; margin-top: 30px;} #bugGallery table#bugGalleryContent td.image, #bugGallery table#bugGalleryContent td.imageLast { border-right: 30px solid #fff; width: 139px; padding-bottom: 30px;} #bugGallery table#bugGalleryContent td.imageLast {border-right: none; } /* ------------------------------------------------------------------------------------ SidexSide Tables: product applications::student learning */ #appsContainer {margin-top: 15px; margin-bottom: 40px;} #appsContainer table#appsContent td.appsBlurb, #appsContainer table#appsContent td.appsBlurbLast, #appsContainer table#appsStudent td.appsBlurb, #appsContainer table#appsStudent td.appsBlurbLast { width: 135px; background: url(images/applications_gradient.jpg) repeat-x; padding-bottom: 15px;} #appsContainer table#appsContent td.appsBlurb, #appsContainer table#appsContent td, #appsContainer table#appsStudent td.appsBlurb, #appsContainer table#appsStudent td { border-right: 4px solid #fff; } #appsContainer table#appsContent td.appsBlurbLast, #appsContainer table#appsContent td.last, #appsContainer table#appsStudent td.appsBlurbLast, #appsContainer table#appsStudent td.last { border-right: none} #appsContainer table#appsStudent td.appsBlurb h3, #appsContainer table#appsStudent td.appsBlurb p, #appsContainer table#appsStudent td.appsBlurbLast h3, #appsContainer table#appsStudent td.appsBlurbLast p { text-align: left; margin: auto; padding: 0 3px 0 3px;} #appsContainer table#appsContent td.appsBlurb h3, #appsContainer table#appsContent td.appsBlurbLast h3, #appsContainer table#appsStudent td.appsBlurb h3, #appsContainer table#appsStudent td.appsBlurbLast h3 { text-align: left; margin: 5px 5px 15px 5px;} #appsContainer table#appsStudent td.appsBlurb p, #appsContainer table#appsStudent td.appsBlurbLast p { color: #000; margin-left: 5px; } /* -------------------------------------------------- Prod Recommendation Tool*/ .ProdRecToolSelect{ margin-top:5px;} /* #content { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } #content P { MARGIN: 0.55em 0px; LINE-HEIGHT: 1.5em } #rightpane P { MARGIN: 0.55em 0px; LINE-HEIGHT: 1.5em } #content P.contact { MARGIN: 0.55em 0px; LINE-HEIGHT: 0.9em } #content H1 { BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 21px; BORDER-LEFT: medium none; COLOR: #777; BORDER-BOTTOM: medium none } #content H2 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; LINE-HEIGHT: 1em; PADDING-TOP: 0px } #content H2 A { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; LINE-HEIGHT: 1em; PADDING-TOP: 0px } #content H2 { COLOR: #646464 } #content H2 A { COLOR: #000 } #content H2.noarrow { MARGIN: 0px; LINE-HEIGHT: 1em } #content H3 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px } #content H3 A { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px } #rightpane H3 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px } #rightpane H3 A { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px } #content H3 { COLOR: #646464 } #rightpane H3 { COLOR: #646464 } A IMG { BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none } .pdf { FONT-SIZE: 9px } .floatleft { PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0! important; PADDING-TOP: 4px; POSITION: relative } .floatright { FLOAT: right } .listfloatleft3x { FLOAT: left; WIDTH: 155px; MARGIN-RIGHT: 20px } .listfloatleft2x { FLOAT: left; WIDTH: 220px; MARGIN-RIGHT: 40px } DIV.clearboth { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } A:link { COLOR: #336699; TEXT-DECORATION: none } A:visited { COLOR: #336699; TEXT-DECORATION: none } A:hover { COLOR: #336699; TEXT-DECORATION: underline } A:active { COLOR: #336699; TEXT-DECORATION: underline } A:unknown { COLOR: #336699; TEXT-DECORATION: underline } #prtResults UL { MARGIN-LEFT: -30px } #content UL { LIST-STYLE-TYPE: none } #content UL.redCaret { LIST-STYLE-TYPE: none } #content UL.nanocenter { LIST-STYLE-TYPE: none } #content UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; PADDING-TOP: 0px } #content UL.redCaret { MARGIN-LEFT: 4px; WIDTH: 120px } #content UL.nanocenter { MARGIN-TOP: -10px; MARGIN-LEFT: -20px } #content UL LI { MARGIN-BOTTOM: 6px } #content UL.redCaret LI { MARGIN-BOTTOM: 6px } #content UL.event LI A { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } #content UL LI A { DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(../images/caretRight.gif) no-repeat 0px 50% } #content UL LI .pdf { MARGIN-LEFT: 10px } #content UL.redCaret LI A { DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(../images/red-caret-right.gif) no-repeat 0px 3px } #content UL.nanocenter LI A { DISPLAY: block; PADDING-LEFT: 23px; BACKGROUND: url(../images/long-arrow-red.gif) no-repeat 0px 50% } #content UL.nanocenter LI P { MARGIN-TOP: -1px; MARGIN-BOTTOM: -1px } #content UL.nanocenter LI P A { DISPLAY: inline! important; PADDING-LEFT: 2px; BACKGROUND: none transparent scroll repeat 0% 0% } #content UL LI A:link { TEXT-DECORATION: none } #content UL LI A:visited { TEXT-DECORATION: none } #content UL LI A:active #content UL LI A:unknown { TEXT-DECORATION: none } #content UL LI A:hover { TEXT-DECORATION: underline } #content UL.redCaret LI A:link { COLOR: #000; TEXT-DECORATION: none } #content UL.redCaret LI A:visited { COLOR: #000; TEXT-DECORATION: none } #content UL.redCaret LI A:active #content UL.redCaret LI A:unknown { COLOR: #000; TEXT-DECORATION: none } #content UL.redCaret LI A:hover { TEXT-DECORATION: underline } #content OL LI { MARGIN-BOTTOM: 6px; LIST-STYLE-TYPE: disc } #content OL.number LI { LIST-STYLE-TYPE: decimal } #content .productfamily { CLEAR: both; MARGIN-BOTTOM: 30px! important } #content .productfamily P.img { FLOAT: left; MARGIN: 0px; VERTICAL-ALIGN: top; WIDTH: 102px } #content .productfamily H2 { TEXT-TRANSFORM: uppercase } #content .productfamily H2 { MARGIN-LEFT: 112px } #content .productfamily P { MARGIN-LEFT: 112px } #content .glossalpha { FONT-SIZE: 1.2em; MARGIN-BOTTOM: 20px; TEXT-TRANSFORM: uppercase! important; COLOR: #c50534 } #content .glossalpha A { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } UNKNOWN { MARGIN-TOP: 20px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000 } #content .glossterms P { MARGIN-TOP: 0px } #content P A.top:link { COLOR: #666; TEXT-DECORATION: underline } #content P A.top:visited { COLOR: #666; TEXT-DECORATION: underline } #content P A.top:active { COLOR: #666; TEXT-DECORATION: underline } #content P A.top:unknown { COLOR: #666; TEXT-DECORATION: underline } #content P A.top:hover { TEXT-DECORATION: none } .month { CLEAR: both } #content .nanobox { BACKGROUND: url(images/nanocenter/nanocenter_box.jpg); FLOAT: left; MARGIN: 30px 40px 20px 0px; WIDTH: 324px; HEIGHT: 324px } #content .nanoboxLast { BACKGROUND: url(images/nanocenter/nanocenter_box.jpg); FLOAT: left; MARGIN: 30px 40px 20px 0px; WIDTH: 324px; HEIGHT: 324px } #content .nanoboxLast { MARGIN-RIGHT: 0px! important } #content .nanobox H2 { VERTICAL-ALIGN: middle; COLOR: #193e75; PADDING-TOP: 20px } #content .nanoboxLast H2 { VERTICAL-ALIGN: middle; COLOR: #193e75; PADDING-TOP: 20px } #content .nanobox IMG { MARGIN-TOP: 20px; MARGIN-LEFT: 25px } #content .nanoboxLast IMG { MARGIN-TOP: 20px; MARGIN-LEFT: 25px } #bugGallery { MARGIN-TOP: 30px; WIDTH: 100% } #bugGallery TABLE#bugGalleryContent TD.image { BORDER-RIGHT: #fff 30px solid; PADDING-BOTTOM: 30px; WIDTH: 139px } #bugGallery TABLE#bugGalleryContent TD.imageLast { BORDER-RIGHT: #fff 30px solid; PADDING-BOTTOM: 30px; WIDTH: 139px } #bugGallery TABLE#bugGalleryContent TD.imageLast { BORDER-RIGHT: medium none } #appsContainer { MARGIN-TOP: 40px; MARGIN-BOTTOM: 40px; WIDTH: 558px } #appsContainer TABLE#appsContent TD.appsBlurb { BACKGROUND: url(images/applications_gradient.jpg) repeat-x; PADDING-BOTTOM: 15px; WIDTH: 135px } #appsContainer TABLE#appsContent TD.appsBlurbLast { BACKGROUND: url(images/applications_gradient.jpg) repeat-x; PADDING-BOTTOM: 15px; WIDTH: 135px } #appsContainer TABLE#appsStudent TD.appsBlurb { BACKGROUND: url(images/applications_gradient.jpg) repeat-x; PADDING-BOTTOM: 15px; WIDTH: 135px } #appsContainer TABLE#appsStudent TD.appsBlurbLast { BACKGROUND: url(images/applications_gradient.jpg) repeat-x; PADDING-BOTTOM: 15px; WIDTH: 135px } #appsContainer TABLE#appsContent TD.appsBlurb { BORDER-RIGHT: #fff 6px solid } #appsContainer TABLE#appsContent TD { BORDER-RIGHT: #fff 6px solid } #appsContainer TABLE#appsStudent TD.appsBlurb { BORDER-RIGHT: #fff 6px solid } #appsContainer TABLE#appsStudent TD { BORDER-RIGHT: #fff 6px solid } #appsContainer TABLE#appsContent TD.appsBlurbLast { BORDER-RIGHT: medium none } #appsContainer TABLE#appsContent TD.last { BORDER-RIGHT: medium none } #appsContainer TABLE#appsStudent TD.appsBlurbLast { BORDER-RIGHT: medium none } #appsContainer TABLE#appsStudent TD.last { BORDER-RIGHT: medium none } #appsContainer TABLE#appsStudent TD.appsBlurb H3 { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: auto; PADDING-TOP: 0px; TEXT-ALIGN: left } #appsContainer TABLE#appsStudent TD.appsBlurb P { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: auto; PADDING-TOP: 0px; TEXT-ALIGN: left } #appsContainer TABLE#appsStudent TD.appsBlurbLast H3 { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: auto; PADDING-TOP: 0px; TEXT-ALIGN: left } #appsContainer TABLE#appsStudent TD.appsBlurbLast P { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: auto; PADDING-TOP: 0px; TEXT-ALIGN: left } #appsContainer TABLE#appsContent TD.appsBlurb H3 { MARGIN: 5px 5px 15px; TEXT-ALIGN: left } #appsContainer TABLE#appsContent TD.appsBlurbLast H3 { MARGIN: 5px 5px 15px; TEXT-ALIGN: left } #appsContainer TABLE#appsStudent TD.appsBlurb H3 { MARGIN: 5px 5px 15px; TEXT-ALIGN: left } #appsContainer TABLE#appsStudent TD.appsBlurbLast H3 { MARGIN: 5px 5px 15px; TEXT-ALIGN: left } #appsContainer TABLE#appsStudent TD.appsBlurb P { MARGIN-LEFT: 5px; COLOR: #000 } #appsContainer TABLE#appsStudent TD.appsBlurbLast P { MARGIN-LEFT: 5px; COLOR: #000 } */