@charset "UTF-8";
/* SCREEN IMPORT
$Revision: 1.2.8.1 $
*/
@import url(screen/icon.css);
@import url(screen/data.css);
@import url(screen/list.menu.css);
@import url(screen/star.css);
@import url(screen/common.css);
/*--- ACCESS LINK
---*/
#accesslink {
display: block;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
text-indent: -9999px;
line-height:1;
}
/*-------------------------------------------------------------------
CLEARING
-------------------------------------------------------------------*/
br.clear-both,
div.clear-both,
br.clear-left,
div.clear-left {
font: 1px/1px monospace;
display: block;
}
.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-both:after,
.clear-after:after { /* IE 8 Beta */
content: "\0020";
display: block;
height: 0;
clear: both;
}
.clear-after::after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.clear-after {
_height: 1%;/*---IE sub7---*/
min-height: 1px;
}
/*-------------------------------------------------------------------
CLIPPED CONTENT
author: @jmok
editor: @jmok, @btapley
-------------------------------------------------------------------*/
.clip-top { margin-top: 0 }
.clip-bottom { margin-bottom: 0 }
.clip-sides {
margin-left: -16px;
margin-right: -16px;
}
.clip-sides img {
_position: relative; /*--- in IE6, prevent clipping of full bleed images. Other layout mode triggers not working. Testing: http://www.stage.adobe.com/products/flashplayer/ ---*/
}
.clip-left { margin-left: -16px; }
.clip-right { margin-right: -16px; }
/* COMPACT $Revision: 1.1 $
float child elements, clear floats
*/
.compact>* { float: left; }
.compact:after { /* IE8 Beta 1 */
content: "\0020";
display: block;
height: 0;
clear: both;
}
.compact::after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.compact {
_height: 1em;/*---IE sub7---*/
min-height: 1px;
}
.compact {
padding-bottom: 1px;
_behavior: url(/lib/com.adobe/remedy/compactWsFix.htc);
}
.compact>p,
.compact>span {
margin-right: 1ex;
margin-bottom: 0;
padding: 0;
}
dl.compact>dd { margin-left: 0; }
/*--- For IE 6 and below ---*/
ul.compact li,
ol.compact li,
dl.compact dd,
div.compact p { /*---IE sub7---*/
_display: inline;
_float: left;
}
dl.compact * dd ol.compact * li,
ul.compact * li,
div.compact * p { /*---IE sub7---*/
_display: block;
_float: none;
}
dl.compact dd { _margin-left: 0; }
div.compact p { /*---IE sub7---*/
_margin-right: 1ex;
_margin-bottom: 0;
_padding: 0;
}
h3.compact span,
h4.compact span {
_float: left;
_margin-right: 1ex;
}
h3.compact span span,
h4.compact span span {
_float: none;
_margin-right: 0;
}
/*-------------------------------------------------------------------
MAX
Prevent element width from breaking out of or expanding
the width of it's container.
-------------------------------------------------------------------*/
a.max,
span.max {
display: block;
}
.max {
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
}
input.max,
textarea.max {
-moz-box-sizing: border-box;
width: 100%;
/* fix broken width caclation in IE 6 and below */
_behavior: url(/lib/com.adobe/remedy/maxCalcFix.htc);
*width:97%;
}
textarea.max {
overflow: auto;
}
select.max {
width: 100%;
/* make the select horizonally expand so you can read it when focused */
behavior: url(/lib/com.adobe/remedy/revealOverflowX.htc);
_behavior: url(/lib/com.adobe/remedy/revealOverflowX.htc) url(/lib/com.adobe/remedy/maxCalcFix.htc);
}
/*-----------------------------------------------------------------------
Group: Blockcode
$Revision: 1.2 $
@author btapley
-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
Objects: pre, blockcode
Selectors with extended overflow control
Usage:
>
>
>
-----------------------------------------------------------------------*/
pre, blockcode {
display:block;
padding: 1em 0 1.5em;
margin:1em 0;
white-space:pre;
background-color:#F0F6FC;
_width: 100%;
overflow-x:auto;
}
html>body pre, blockcode {
/*\*/
overflow:auto;
/*/
display:inline-block;
padding-left:0;
padding-right:0;
width:100%;
/**/
}
/*-----------------------------------------------------------------------
Objects: pre strong, blockcode strong
Selectors with color, instead of weight, emphasis
Usage:
>
>
>
>
>
>
>
-----------------------------------------------------------------------*/
pre strong, blockcode strong {
font-weight: normal;
background-color: #F9F9B7;
}
/*-----------------------------------------------------------------------
Object: .css-comment
Syntax highlight
Usage:
>
-----------------------------------------------------------------------*/
.css-comment{color:#999}
/*-----------------------------------------------------------------------
Object: .css-import
Syntax highlight
Usage:
>
-----------------------------------------------------------------------*/
.css-import {color:#099}
/*-----------------------------------------------------------------------
Object: .css-important
Syntax highlight
Usage:
>
-----------------------------------------------------------------------*/
.css-important {color:#F00}
/*-----------------------------------------------------------------------
Object: .css-media
Syntax highlight
Usage:
>
-----------------------------------------------------------------------*/
.css-media {color:#900}
/*-----------------------------------------------------------------------
Object: .css-property
Syntax highlight
Usage:
>
-----------------------------------------------------------------------*/
.css-property {color:#009}
/*-----------------------------------------------------------------------
Object: .css-selector
Syntax highlight
Usage:
>
-----------------------------------------------------------------------*/
.css-selector {color:#F0F}
/*-----------------------------------------------------------------------
Object: .css-string
Syntax highlight
Usage:
>
-----------------------------------------------------------------------*/
.css-string {color:#060}
/*-----------------------------------------------------------------------
Object: .css-value
Syntax highlight
Usage:
>
-----------------------------------------------------------------------*/
.css-value {color:#00F}
/*-----------------------------------------------------------------------
Object: .css-display
Syntax highlight
Usage:
>
-----------------------------------------------------------------------*/
.css-display {color:#990099}
/*-----------------------------------------------------------------------
Object: .css-image
Syntax highlight
Usage:
>
-----------------------------------------------------------------------*/
.css-image {color:#906}
/* PULLOUT $Revision: 1.3.4.1 $
@author btapley
http://webdev/wiki/index.php/Pullout
*/
p.pullout-item img { margin-right: 0; }
.pullout-left,
.pullout-right {
_height: 1em;
-moz-column-count: 0;
}
.pullout-left {
*margin-left: 0;
*display: inline-block;
}
.pullout-left:after, /* IE 8 Beta */
.pullout-right:after /* IE 8 Beta */ {
content: "\0020";
clear: both;
display: block;
height: 0;
}
.pullout-left::after,
.pullout-right::after {
content: "\0020";
clear: both;
display: block;
height: 0;
}
.pullout-item {
_height: 100%;
}
.pullout-left .pullout-item {
float: left;
margin-left: 0 !important;
_margin-right: 6px;
_margin-bottom: 100%;
}
.left-wrap .pullout-item,
.right-wrap .pullout-item {
_height: auto;
_margin-bottom: auto;
}
.right-wrap .pullout-item { clear: right; }
.left-wrap .pullout-item { clear: left; }
.pullout-left .compact {
display: table;
}
.pullout-left .compact::after {
display: none;
}
.pullout-right .pullout-item {
float: right;
margin-right: 0 !important;
_margin-left: 6px;
}
div.left-wrap>.pullout-item { margin-right: 10px; }
.pullout-left>span { display: block; }
*.pullout-left span,
*.pullout-left *.pullout-left span { _display: block; }
*.pullout-left *.pullout-left * span,
*.pullout-left * span { _display: inline; }
div.right-wrap>.pullout-item { margin-left: 10px; }
a.pullout-left,
a.pullout-right {
display: block;
_cursor: hand;
}
div.pullout-wrap>* { margin-left: 0; }
div.left-wrap>.pullout-item { margin-right: 10px; }
div.right-wrap>.pullout-item { margin-left: 10px; }
.left-180 .pullout-item,
.right-180 .pullout-item { width: 180px; }
.left-155 .pullout-item,
.right-155 .pullout-item { width: 155px; }
.left-140 .pullout-item,
.right-140 .pullout-item { width: 140px; }
.left-125 .pullout-item,
.right-125 .pullout-item { width: 125px; }
.left-112 .pullout-item,
.right-112 .pullout-item { width: 112px; }
.left-100 .pullout-item,
.right-100 .pullout-item { width: 100px; }
.left-90 .pullout-item,
.right-90 .pullout-item { width: 90px; }
.left-80 .pullout-item,
.right-80 .pullout-item { width: 80px; }
.left-72 .pullout-item,
.right-72 .pullout-item { width: 72px; }
.left-71 .pullout-item,
.right-71 .pullout-item { width: 71px; }
.left-51 .pullout-item,
.right-51 .pullout-item { width: 51px; }
.left-60 .pullout-item,
.right-60 .pullout-item { width: 60px; }
.left-50 .pullout-item,
.right-50 .pullout-item { width: 50px; }
.left-40 .pullout-item,
.right-40 .pullout-item { width: 40px; }
.left-20 .pullout-item,
.right-20 .pullout-item { width: 20px; }
.left-16 .pullout-item,
.right-16 .pullout-item { width: 16px; }
.left-16 .pullout-item { margin-right: 0; }
.right-16 .pullout-item { margin-left: 0; }
.left-180>* { margin-left: 190px !important; }
.right-180>* { margin-right: 190px !important; }
.left-155>* { margin-left: 165px !important; }
.right-155>* { margin-right: 165px !important; }
.left-140>* { margin-left: 150px !important; }
.right-140>* { margin-right: 150px !important; }
.left-125>* { margin-left: 135px !important; }
.right-125>* { margin-right: 135px !important; }
.left-112>* { margin-left: 122px !important; }
.right-112>* { margin-right: 122px !important; }
.left-100>* { margin-left: 110px !important; }
.right-100>* { margin-right: 110px !important; }
.left-90>* { margin-left: 100px !important; }
.right-90>* { margin-right: 100px !important; }
.left-80>* { margin-left: 90px !important; }
.right-80>* { margin-right: 90px !important; }
.left-72>* { margin-left: 82px !important; }
.right-72>* { margin-right: 82px !important; }
.left-71>* { margin-left: 81px !important; }
.right-71>* { margin-right: 81px !important; }
.left-60>* { margin-left: 70px !important; }
.right-60>* { margin-right: 70px !important; }
.left-50>* { margin-left: 60px !important; }
.right-50>* { margin-right: 60px !important; }
.left-51>* { margin-left: 61px !important; }
.right-51>* { margin-right: 61px !important; }
.left-40>* { margin-left: 50px !important; }
.right-40>* { margin-right: 50px !important; }
.left-20>* { margin-left: 28px !important; }
.right-20>* { margin-right: 28px !important; }
.left-16>* { margin-left: 20px !important; }
.right-16>* { margin-right: 20px !important; }
/*-------------------------------------------------------------------
FORM
$Id: form.css,v 1.2.4.1 2009/01/21 20:39:27 dgasior Exp $
@author btapley
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
LAYOUT
-------------------------------------------------------------------*/
.formBlock {
padding-top: 12px;
padding-bottom: 12px;
margin-top: 0;
margin-bottom: 0;
}
.inputBlock {
margin-top: 0;
margin-bottom: 0;
}
.inputBlock p {
margin-bottom: 6px;
}
.inputBlock dt {
font-weight: bold;
margin-top: 0;
margin-bottom: 6px;
}
.inputBlock dd {
margin-left: 0;
margin-bottom: 6px;
}
.inputBlock .inputGroup {
margin-left: 0;
}
.inputGroup {
list-style-type: none;
padding-left: 0;
margin-top: 0;
margin-bottom: 6px;
}
.inputGroup li {
margin-bottom: 0;
padding-bottom: 0; /*override default glue*/
padding-right: 1ex; /* Mac IE freaks on margin-right, use padding instead */
}
.inputGroup .left {
font-weight: normal;
}
.inputGroup .caption {
margin-top: .25em;
margin-bottom: 0;
}
.pullout-left > * > .inputGroup { /* Hack non-IE to correctly position lists in a dd in forms */
display: table;
margin-bottom: 0;
}
.buttonBlock {
display:block;
}
div.buttonBlock {
margin-top: 2em;
margin-bottom: 0;
}
span.buttonBlock {
margin-top: 1em;
}
/*-------------------------------------------------------------------
BASE
-------------------------------------------------------------------*/
input,
button,
select {
/*\*/ vertical-align: middle; /**/
}
label.top {
display: block;
margin-bottom: 6px;
font-weight: bold;
}
label.left {
display: inline-block;
_height: 1em;
margin-right: 1ex;
vertical-align: middle;
font-weight: bold;
}
form {
margin: 0 0 1em;
padding: 0;
font-size: 100%;
font-family: inherit;
}
.disabled {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
zoom: 100%;
_height: 1em;
}
.required {
color: #C00;
}
/*-------------------------------------------------------------------
BUTTON
----------------------------------------------------------------------*/
.button {
font-weight: bold;
font-family: inherit;
text-align: center;
color: #2b333c;
background: #fefefe url(form/element_bg.gif) repeat-x;
border: 1px solid;
border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#AAAAAA);
box-shadow: 0 1px 2px #AAA;
padding: .2em 1.5ex;
_padding: .2em 2ex;
_width/**/:1px;
_white-space: nowrap;
overflow: visible; /* fix button width for IE 5.5 to 7 */
cursor: pointer;
_cursor: hand;
}
.button:visited { color: #2b333c; }
.button {
_margin-left: expression(this.previousSibling ? '1ex' : 'null');
}
*+.button {
margin-left: 1ex;
}
/* \*/
::root input.button {
font-size: inherit;
}
/* */
a.button {
white-space: nowrap;
text-decoration: none;
}
.inputBlock .caption {
display: block; /*--- clear: both causing breaking issues in IE6 ---*/
margin-top: .2em;
}
input,
select,
textarea,
button {
font-family: inherit;
font-size: 100%;
line-height: inherit;
}
.textfield,
textarea,
select[size] {
padding-top: 2px;
padding-bottom: 3px;
background-color: #f7f7f7;
border-width: thin;
border-style: solid;
border-color: #999 #aab3b3 #d5dddd #aab3b3;
}
select {
line-height: 1.15em;
background-color: #fefefe;
border-width: thin;
border-style: solid;
border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}
select option {
padding: 1px;
}
select[size] {
background-color: #fff !important
}
/*-------------------------------------------------------------------
STATES
-------------------------------------------------------------------*/
.textfield:hover,
.textfield:focus,
select[size]:hover,
select[size]:focus,
textarea:hover,
textarea:focus {
border-color: #459455 #5b5 #6d5 #5b5;
}
select:hover,
select:focus {
border-color: #6d5 #5b5 #459455 #5b5;
}
.textfield:focus,
select:focus,
textarea:focus,
.button:hover {
background-color: #FFF;
outline: #D6FFC9 solid 1px;
}
.button:hover {
outline-width: 2px;
text-decoration: none;
}
::root .button>* {
position: relative; /* Safari 2 throws outlines around everything inside button. Newer Webkits address this bug. For now, this puts the button text on top of all the outlines. */
}
/* search form */
.search-form {
background-color: #E0E0E0;
position: relative;
_width: 100%;
}
#content-body .search-form fieldset { width: 90%; margin-bottom: 1em; }
#content-body .pod-body .search-form {
margin: 0 -8px;
padding: 8px;
}
.search-form fieldset,
.search-form .textfield {
background: #fff;
outline: none;
float: left;
margin: 0;
padding: 0;
}
.search-form fieldset {
border: 1px solid #939393;
width: 99%;
height: 30px;
position: relative;
z-index: 99;
}
.search-form .textfield {
border: none !important;
height: 100%;
width: 94%;
_height: 28px;
_overflow: hidden;
font-size: 2em;
*padding-top: 2px;
}
.search-form button {
background: url(form/search.png) top left no-repeat;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0);
border: none;
height: 32px;
width: 32px;
font-size: 1px;
float: right;
margin-top: -1px;
margin-right: -1px;
*margin-left: -1px;
-webkit-box-shadow: none;
_margin-bottom: -2px;
}
*:first-child+html #search-for a:active,
*:first-child+html #search-for a:focus {
zoom: 1;
position: relative;
}
.pseudo-input:focus,
.pseudo-input:hover,
.pseudo-input:focus,
.pseudo-input:hover,
.search-button:focus,
.search-button:hover {
border-color: #459455 #5b5 #6d5 #5b5;
background-color: #FFF;
outline: #D6FFC9 solid 1px;
}
/*-------------------------------------------------------------------
ERROR MESSAGES
-------------------------------------------------------------------*/
.error { color: #CC0001; }
.error-block {
background-color: #ffffcb;
color: #f00;
padding: 6px 8px;
margin-bottom: 1em;
border: 1px solid #CCC;
_zoom: 100%;
}
.error-block * {
_cursor: auto; /* force a re-draw in IE 6 for dynamically assigned css */
}
.error-block a,
.error-block a:visited,
.error-block a:hover { color: #f00; }
.error-block .alert { font-weight: bold; }
.error-block p,
.error-block ul {
margin-top: 6px;
margin-bottom: 6px;
margin: 0;
}
/*-------------------------------------------------------------------
PRICE
-------------------------------------------------------------------*/
.price,
.price:link,
.price:visited,
.price:hover,
.price:visited:hover,
.price a,
.price a:link,
.price a:visited,
.price a:hover,
.price a:visited:hover { color: #992222 }
.price {
/*\*/white-space: nowrap; /**/
_height: 1em;
min-height: 1em;
}
/*\*//*/ span.price, /**/
span[className~=price],
a[className~=price] { display: inline-block; }
.price-lrg {
font-size: 1.41em;
font-weight: bold;
}
/*
Layout Columns CSS
$Revision: 1.2 $
@author btapley
*/
/*--- COMMON VALUES ---*/
.columns-4-ABCD-A,
.columns-4-ABCD-B,
.columns-4-ABCD-C,
.columns-3-ABC-A,
.columns-3-ABC-B,
.columns-3-ABcc-A,
.columns-3-ABcc-B,
.columns-3-aaBC-aa,
.columns-3-aaBC-B,
.columns-3-aaBcc-aa,
.columns-3-aaBcc-B,
.columns-2-aaB-aa,
.columns-2-Abb-A,
.columns-2-AB-A {
margin-bottom: 0.5em;
float: left;
}
.columns-4-ABCD-D,
.columns-3-ABC-C,
.columns-3-ABcc-cc,
.columns-3-aaBcc-cc,
.columns-3-aaBC-C,
.columns-2-Abb-bb,
.columns-2-aaB-B,
.columns-2-AB-B {
margin-bottom: 0.5em;
float: right;
}
/*--- SETS ---*/
/*--- 2-AB ---*/
.columns-2-AB-A,
.columns-2-AB-B { width: 48%; }
.columns-2-Abb-A,
.columns-2-aaB-B { width: 64%; }
.columns-2-Abb-bb,
.columns-2-aaB-aa { width: 32%; }
/*--- 3-ABC ---*/
.columns-3-ABC-A,
.columns-3-ABC-B,
.columns-3-ABC-C { width: 30%; }
.columns-3-ABC-B { margin-left: 5%; }
/* Safari floors percentages instead of rounding, so this helps with balanced columns */
/* \*/
::root .columns-3-ABC-B,
::root .columns-3-aaBC-B,
::root .columns-3-ABcc-B,
::root .columns-3-aaBcc-B,
::root .columns-4-ABCD-B,
::root .columns-4-ABCD-C {
position: relative;
left: 1px;
}
/* */
.columns-3-ABcc-A,
.columns-3-ABcc-B,
.columns-3-aaBC-B,
.columns-3-aaBC-C { width: 34%; }
.columns-3-ABcc-cc,
.columns-3-aaBC-aa,
.columns-3-aaBcc-aa,
.columns-3-aaBcc-cc { width: 26%; }
.columns-3-ABcc-B,
.columns-3-aaBC-B,
.columns-3-aaBcc-B { margin-left: 3%; }
.columns-3-aaBcc-B { width: 42%; }
/*--- 4-ABCD ---*/
.columns-4-ABCD-A,
.columns-4-ABCD-B,
.columns-4-ABCD-C,
.columns-4-ABCD-D { width: 22%; }
.columns-4-ABCD-B,
.columns-4-ABCD-C { margin-left: 4%; }
/*
Object: Columns
Author: btapley
Example:
> div class="columns"
*/
.columns {
zoom: 100%;
}
[class~=columns] {
display: table-row;
}
.columns>[class|=columns] {
display: table-cell;
float: none;
padding-left: 0;
padding-right: 12px;
margin: 0; /* override default */
position: static; /* override default */
left: 0; /* override default */
}
[class~=columns]>[class|=columns-2-AB],
[class~=columns]>[class*=columns-2-AB] /* help Opera */ {
width: 50%;
}
[class~=columns]>[class|=columns-3-ABC],
[class~=columns]>[class*=columns-3-ABC] /* help Opera */ {
width: 33%;
}
[class~=columns]>[class|=columns-4-ABCD],
[class~=columns]>[class*=columns-4-ABCD] /* help Opera */ {
width: 25%;
}
/*-------------------------------------------------------------------
LIST (Basic)
$Id: list.css,v 1.1 2008/09/22 10:05:19 btapley Exp $
-------------------------------------------------------------------*/
dt,
dd,
li {
line-height: 1.25;
}
ol,
li,
li ol,
li ul { font-size: 1em; }
ul {
list-style-type: disc;
margin-left: 1ex;
}
ul,
ol {
padding-left: 2.5ex;
margin-top: 1em;
margin-bottom: 1.35em;
}
li {
line-height: 1.25em;
padding-bottom: 0.5em;
}
ol {
list-style-type: decimal;
overflow: visible;
margin-left: 3ex;
_padding-left: 6ex; /*--- IE sub 7 ---*/
}
ol ol {
list-style-type: lower-alpha;
margin-left: .5ex;
_margin-left: 1.5ex; /*--- IE sub 7 ---*/
}
ol ol ol { list-style-type: lower-roman; }
li ol,
li ul {
margin-top: 0;
margin-bottom: .3ex;
}
li p { margin-bottom: 0.5em; }
dt,
dd { line-height: 1.5em; }
dt {
font-weight: bold;
margin-bottom: 1em;
margin-top: 0.5em;
}
dl,
dd { margin-bottom: 1.5em; }
dd { margin-left: 16px; }
/*-------------------------------------------------------------------
LIST (LINKS)
$Id: list.links.css,v 1.1 2008/09/22 10:05:19 btapley Exp $
-------------------------------------------------------------------*/
.link-list {
text-align: left;
list-style: none;
margin: 0 0 1em;
padding: 0;
}
.link-list>* {
margin: 1px 1.5ex 1px 0;
line-height: 1.333em;
}
.link-list>li,
.link-list>dt { padding: 2px 0; }
.link-list>dd { padding-left: 1.25ex; }
.link-list li,
.link-list dt { _padding: 0.15em 0 0.2em; /*--- IE sub 7 ---*/ }
.link-list dd { _padding-left: 1.25ex; /*--- IE sub 7 ---*/ }
.link-list li,
.link-list dt,
.link-list dd {
_margin: 1px 1.5ex 1px 0;
_line-height: 1.35em; /*--- IE sub 7 ---*/
}
/*-------------------------------------------------------------------
TAG LIST
-------------------------------------------------------------------*/
.tags li { margin-right: 10px; }
.tag { margin-bottom: 0.5em; }
/*-------------------------------------------------------------------
LIST (Markerless)
$Id: list.nomarker.css,v 1.1 2008/09/22 10:05:18 btapley Exp $
-------------------------------------------------------------------*/
.nomarker {
list-style-image: none;
list-style-type: none;
}
/*
Topic: tag
Represent an label within a labeling system
*/
.tag-group {
white-space: nowrap;
}
/*
Object: .tag-box
Draws a box around the text label.
*/
.tag-box {
border: 1px solid #888;
position: relative; /* IE 6 clips the border sometimes */
padding: 0 3px;
text-transform: uppercase;
background-color: #FFFFFF;
color: #888;
}
/*
Object: .tag-text
Handles the appearance of the text label
Usage:
> a class="tag-box"
*/
.tag-text {
font-size: 85%;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap;
}
/*
Object: .tag-button
Same as <.tag-box> but for interactive tags.
Notes:
The color used here is the result of a 'soft light' blend with the base color
Usage:
> a class="tag-button"
*/
.tag-button,
.tag-button:link,
.tag-button:visited,
.tag-button:visited:hover {
border: 1px solid #468;
position: relative; /* IE 6 clips the border sometimes */
padding: 0 3px;
text-transform: uppercase;
color: #468;
cursor: pointer;
}
.tag-button:hover {
border: 1px solid #468;
background-color: #468;
padding: 0 3px;
text-transform: uppercase;
color: #FFFFFF;
text-decoration: none;
}
/*
Discover CSS
$Id: discover.css,v 1.2 2008/12/03 00:22:27 dgasior Exp $
*/
/*--- Usage
---*/
.discover { _behavior: url("/lib/com.adobe/hover.htc"); }
.discover .pullout-left h3 {
text-transform: none !important;
border-bottom: none !important;
font-size: 116.7% !important;
font-weight: normal;
line-height: 1.13em;
margin-bottom: 0 !important;
margin-top: 0;
}
.discover .pullout-left:hover h3 a:hover { text-decoration: none !important; }
.discover .pullout-left.hover h3 a:hover { text-decoration: none !important; }
.discover .pullout-left > * { margin-bottom: 0; }
.discover .pullout-left h3,
.discover .pullout-left ul { _margin-bottom: 0; }
.discover .note { display: block }
.discover .menu {
padding-left: 0;
/*--- margin-left: 64px !important; ---*/
margin-top: 0.35em;
visibility: hidden;
}
.discover .menu li:first-child { padding-left: 0; }
.discover .pullout-left {
margin-left: -6px;
margin-bottom: 0.35em;
padding: 6px;
_padding-right: 2px;
_zoom: 1;
_position: relative;
}
.discover .hover,
.discover .pullout-left:hover {
background-color: #EEE;
cursor: pointer;
}
.discover .pullout-left li { padding: 0 5px 0; }
.discover .hover .menu,
.discover .pullout-left:hover .menu { visibility: visible; }
.discover ul {
_position: relative;
_left: -5px;
}
.discover .pullout-left .menu a {
padding: 0;
margin: 0;
font-weight: bold;
}
/* FF only needs underline hack */
body:-moz-last-node .discover .pullout-left:hover ul{ margin-bottom: -1px; }
body:-moz-last-node .discover .pullout-left:hover .menu a { border-bottom: 1px solid #eee; }
body:-moz-last-node .discover .pullout-left:hover .menu a:hover { border-bottom: 1px solid #004477; }
/*--- Safari 2.0 sees the above FF Hack so have to undo it ---*/
body:last-child:not(:root:root) .discover .pullout-left:hover ul { margin-bottom: 0; }
body:last-child:not(:root:root) .discover .pullout-left:hover .menu a,
body:last-child:not(:root:root) .discover .pullout-left:hover .menu a:hover { border-bottom: none; }
/*--- Safari 3.0 sees the above FF Hack so have to undo it ---*/
body:first-of-type .discover .pullout-left:hover ul { margin-bottom: 0; }
body:first-of-type .discover .pullout-left:hover .menu a,
body:first-of-type .discover .pullout-left:hover .menu a:hover { border-bottom: none; }
/* POD
$Id: pod.css,v 1.4.4.1 2009/02/11 00:34:22 dgasior Exp $
@author btapley
*/
.pod {
border: 1px solid #DDDDDD;
background-color: #EEEEEE;
margin-bottom: 1em;
_zoom: 100%;
}
.pod-title {
margin: 0 0 0;
padding: 6px 8px;
font-size: .917em;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
color: #111111;
background-color: #DDDDDD;
}
.pod-body .pod-title {
background-color: transparent;
padding: 0 0 6px;
margin-bottom: .5em;
}
.pod-body {
padding: 10px 8px;
}
html[lang=ja] .pod-title,
html[lang=zh] .pod-title,
html[lang=ko] .pod-title {
font-size: 100%;
}
.ja .pod-title,
.zh .pod-title,
.ko .pod-title {
font-size: 100%;
}
.pod .pod-button,
.pod .pod-button:link,
.pod .pod-button:visited {
background-color: #EEEEEE;
}
.pod .pod-button:hover,
.pod .pod-button:visited:hover {
background-color: #FFFFFF;
}
/* DROP DOWN $Revision: 1.1 $
*/
.d-dropdown {
position: relative;
z-index: 2;
}
.d-dropdown>li {
position: relative;
top: 0;
left: 0;
z-index: 2;
}
.d-dropdown li {
list-style-type: none;
_position: relative; /*IE sub7*/
_top: 0; /*IE sub7*/
_left: 0; /*IE sub7*/
}
.d-dropdown li li { _position: static; }
.d-dropdown .dropdown-pane {
position: absolute;
top: 16px;
left: 0;
z-index: 2;
display: none;
margin-top: 0;
}
.d-dropdown li.hover .dropdown-pane,
.d-dropdown li.focus .dropdown-pane {
display: block;
}
.d-dropdown>li:hover .dropdown-pane { display: block; }
.d-dropdown .dropdown-tab {
/*\*/
display: block;
/*/
display: inline-block;
/**/
_display: inline;
_zoom: 1;
}
/*--Tier 1---*/
.d-dropdown .dropdown-pane>* {
margin: 0;
}
.d-dropdown .dropdown-pane dt,
.d-dropdown .dropdown-pane dd,
.d-dropdown .dropdown-pane li {
_margin: 0;
}
.d-dropdown .dropdown-pane a {
margin: 0 1px;
-moz-outline: none;
}
.d-dropdown .dropdown-tab {
min-height: 16px;
_height: 16px;
}
/*-------------------------------------------------------------------
DEPTH PATH
-------------------------------------------------------------------*/
#depthpath {
padding: 16px 0 0 16px;
margin: 0 0 -24px;
min-height: 1em;
position: relative;
z-index: 1;
}
#depthpath li {
font-size: .917em;
}
html[lang=zh] #depthpath li {
font-size: 1em;
}
#depthpath * {
line-height: 1.3;
}
#depthpath a,
#depthpath a:link,
#depthpath a:visited {
text-decoration: none;
}
#depthpath,
#depthpath a,
#depthpath a:link,
#depthpath a:visited {
color: #999;
}
#depthpath a:hover {
background-color: #000;
color: #ddd;
}
.sIFR-active #content-header h1 {
line-height: 1; /* Fixing mis-calculated height in Win XP Firefox */
}
.sIFR-flash {
position: relative;
top: -8px; /* Fixing clipping on extended latin characters */
}
