196 lines
10 KiB
CSS
196 lines
10 KiB
CSS
/* RESET */
|
|
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
|
|
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
|
|
fieldset,iframe { border: none; }
|
|
caption,th { text-align: left; }
|
|
table { border-collapse: collapse; border-spacing: 0; }
|
|
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }
|
|
|
|
/* LAYOUT */
|
|
html { background-color:#fff; }
|
|
|
|
.clear { clear: both; }
|
|
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
|
|
.selfclear { zoom:1; }
|
|
.selfclear:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
|
|
|
|
img, .search-wrapper .left, .search-wrapper .right, ul.sp-results li.viewall a, ul.sp-results li .replacementimg,
|
|
|
|
img { border: 0; }
|
|
img.left { float: left; margin: 2px 20px 16px 0; }
|
|
img.right { float: right; margin: 2px 0 16px 20px; }
|
|
img.across { margin: 2px 0 16px 0; }
|
|
img.flushleft { margin-left: -20px; }
|
|
img.flushright { margin-right: -20px; }
|
|
|
|
.replaced { display: block; width: 1px; height: 1px; outline: none; overflow: hidden; text-indent: -9999px; }
|
|
#omniture, #top { position: absolute; top: 0; }
|
|
#container { width: 980px; margin: 0 auto; position: relative; }
|
|
#main { width: 100%; position: relative; }
|
|
#content { padding: 18px 20px; position: relative; color: #333; }
|
|
#breadcrumb { clear: both; text-align: center; margin: 18px auto; clear: both; font-size: 10px; color: #686868; }
|
|
|
|
.content { background: #fff; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }
|
|
.content:nth-child(1n) { border: none; } /* reset border for smart browsers */
|
|
|
|
.content,
|
|
.rounded { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
|
|
|
|
.shadow { -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; box-shadow: rgba(0,0,0,0.35) 0 1px 3px; }
|
|
img.shadow { padding: 5px; background: #fff; margin-bottom: 2px; *border: 1px solid #e2e2e2; _position: relative; }
|
|
|
|
|
|
.callout { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -khtml-border-radius: 7px; }
|
|
|
|
.roundedtop { border-radius: 4px 4px 0 0; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; }
|
|
.roundedbottom { border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; }
|
|
.roundedright { border-radius: 0 4px 4px 0; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; }
|
|
.roundedleft { border-radius: 4px 0 0 4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; }
|
|
.roundedtopleft { border-radius:4px 0 0; -webkit-border-top-left-radius:4px; -moz-border-radius:4px 0 0; -o-border-radius:4px 0 0; -khtml-border-radius:4px 0 0; }
|
|
.roundedtopright { border-radius: 0 4px 0 0; -webkit-border-top-right-radius:4px; -moz-border-radius:0 4px 0 0; -o-border-radius:0 4px 0 0; -khtml-border-radius: 0 4px 0 0; }
|
|
.roundedbottomleft { border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 0 0 0 4px; -o-border-radius: 0 0 0 4px; -khtml-border-radius: 0 0 0 4px; }
|
|
.roundedbottomright { border-radius: 0 0 4px 0; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 0; -o-border-radius: 0 0 4px 0; -khtml-border-radius: 0 0 4px 0; }
|
|
|
|
.grabbable { cursor:move; cursor:-webkit-grab; cursor:-moz-grab; cursor:grab; }
|
|
.grabbing,
|
|
.grabbing .grabbable { cursor:move; cursor:-webkit-grabbing; cursor:-moz-grabbing; cursor:grabbing; }
|
|
|
|
/* GRID */
|
|
.column { float: left; }
|
|
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }
|
|
|
|
.grid2col .column { width: 49%; }
|
|
.grid2col .grid2col .column { width: 47.8%; }
|
|
.grid3col .grid2col .column { width: 46%; }
|
|
.grid4col .grid2col .column { width: 45%; }
|
|
|
|
.grid2cola .column.first { width: 66%; }
|
|
.grid2cola .column.last { width: 32%; }
|
|
|
|
.grid2colb .column.first { width: 74.9%; }
|
|
.grid2colb .column.last { width: 23%; }
|
|
|
|
.grid2colc .column.first { width: 32%; }
|
|
.grid2colc .column.last { width: 66%; }
|
|
|
|
.grid2cold .column.first { width: 23%; }
|
|
.grid2cold .column.last { width: 74.9%; }
|
|
|
|
.grid2cole .column.first { width: 79%; }
|
|
.grid2cole .column.last { width: 19%; }
|
|
|
|
.grid2colf .column.first { width: 19%; }
|
|
.grid2colf .column.last { width: 79%; }
|
|
|
|
.grid3col .column { width: 32%; margin-left: 2%; }
|
|
.grid2col .grid3col .column { width: 31%; }
|
|
|
|
.grid3cola .column { width: 58%; margin-left: 2%; }
|
|
.grid3cola .column.first,
|
|
.grid3cola .column.last { width: 19%; }
|
|
|
|
.grid4col .column { width: 23%; margin-left: 3%; }
|
|
|
|
.grid5col .column { width: 18.4%; margin-left: 2%; }
|
|
|
|
.grid6col .column { width: 15%; margin-left: 2%; }
|
|
|
|
.column.first, .column.last { margin-left: 0 !important; }
|
|
.column.last { float: right !important; }
|
|
|
|
p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }
|
|
|
|
#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
|
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; }
|
|
|
|
/* TYPE */
|
|
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased; }
|
|
|
|
a { color: #08c; }
|
|
a:link, a:visited, a:active { text-decoration: none; }
|
|
a:hover { text-decoration: underline; }
|
|
a.block { display: block; cursor: pointer; }
|
|
a.block span,
|
|
a.block em { color:#08c; cursor: pointer; }
|
|
a.block:hover { text-decoration: none; }
|
|
a.block:hover span,
|
|
a.block:hover em { color: #08c; text-decoration: underline; }
|
|
em.more, span.more, em.external, span.external { color:#08c; font-style: normal; cursor: pointer; }
|
|
.nowrap { white-space:nowrap; }
|
|
strong, b { font-weight: bold; }
|
|
em, i, cite { font-style: italic; }
|
|
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; line-height:1.5; vertical-align: baseline; position: relative; bottom: 0.33em; _position: static !important; }
|
|
sup, sup a { color:#666; }
|
|
sup a:hover { color:#08c; text-decoration:none; }
|
|
sub { line-height:1; }
|
|
abbr { border: 0; }
|
|
.sosumi { font-size: 10px !important; line-height:1.5; color:#888; }
|
|
.sosumi_features { font-size: 10px !important; line-height:1.5; color:#888; }
|
|
|
|
h1,h2,h3,h4,h5,h6,strong { color:#000; }
|
|
h1,h2,h3,h4 { font-weight: bold; }
|
|
h2,h3,h4 { line-height: 18px; }
|
|
h1,h2 { margin-bottom: 18px; }
|
|
h1 { font-size: 24px; line-height: 36px; }
|
|
h2 { font-size: 16px; }
|
|
h3 { font-size: 1em; }
|
|
h4 { font-size: 10px; }
|
|
p { margin-bottom: 18px; }
|
|
p.intro { color: #888; font-size: 16px; line-height: 22px; font-weight: normal; }
|
|
.more { text-align: right; }
|
|
|
|
ul { list-style: none outside; }
|
|
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
|
|
ul.square,
|
|
ul.circle,
|
|
ul.disc { margin-left: 2em; margin-bottom: 18px; }
|
|
ul.square { list-style: square outside; }
|
|
ul.circle { list-style: circle outside; }
|
|
ul.disc { list-style:disc outside; }
|
|
ul ul.square,
|
|
ul ul.circle,
|
|
ul ul.disc { margin-top: 4px; margin-bottom: 5px; }
|
|
ol.sosumi { margin-left: 0; padding-left: 2em; *padding-left: 2.2em; }
|
|
|
|
.dot-nav { width:100%; margin:0; padding:0; text-align:center; line-height:1px; }
|
|
.dot-nav li,
|
|
.dot-nav li a { display:-moz-inline-stack; display:inline-block; *display:inline; *zoom:1; }
|
|
.dot-nav li { position:relative; z-index:1; margin:0; width:13px; height:15px; overflow:hidden; }
|
|
.dot-nav li a { position:absolute; z-index:1; width:13px; height:45px; top:0; left:0; cursor:pointer; text-indent:-1000em; background:url(/global/elements/buttons/dots_08c.png) no-repeat 0 0; behavior:url(/global/scripts/lib/ie7pngfix.htc); }
|
|
.dot-nav li a:hover { top:-15px; }
|
|
.dot-nav li a.active { cursor:default; top:-30px; }
|
|
|
|
.dot-nav:nth-child(1n) li { width:10px; height:10px; padding:0; margin:0 2px; }
|
|
.dot-nav:nth-child(1n) li a { border-radius:5px; width:10px; height:10px; background:#e0e1e3;
|
|
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25);
|
|
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25);
|
|
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25);
|
|
}
|
|
.dot-nav:nth-child(1n) li a:hover { top:0; background:#ccc;}
|
|
.dot-nav:nth-child(1n) li a.active { top:0; background:#08c;
|
|
background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,rgb(126,198,234)),color-stop(24%,rgb(70,179,234)),color-stop(100%,rgb(3,135,201)));
|
|
background:-webkit-linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%);
|
|
background: -moz-linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%);
|
|
background: linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%);
|
|
-webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25);
|
|
-moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25);
|
|
box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25);
|
|
}
|
|
|
|
.last { margin-bottom: 0; }
|
|
#main .sidebar { font-size: 10px; line-height: 18px; color:#333; }
|
|
#main .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; }
|
|
|
|
body.specs #main { font-size: 11px; line-height: 16px; }
|
|
|
|
/* PRINT */
|
|
@media print {
|
|
body, #main, #content { color: #000 !important; }
|
|
a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
|
|
#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
|
|
#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
|
|
}
|
|
|
|
/* iPhone */
|
|
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }
|