@charset "UTF-8";
/*	SHELL SCREEN IMPORT
$Id: //depot/projects/dylan/releases/rc_12_12/docroot/lib/com.adobe/template/shell/screen.css#1 $
*/
@import url(/oilspill/20121209104159cs_/http://wwwimages.adobe.com/ubi/template/identity/adobe/screen/wcms.css);
@import url(/oilspill/20121209104159cs_/http://wwwimages.adobe.com/ubi/template/identity/adobe/screen/gnav.css);
@import url(/oilspill/20121209104159cs_/http://wwwimages.adobe.com/ubi/template/identity/adobe/screen/gnav_override.css);
@import url(/oilspill/20121209104159cs_/http://wwwimages.adobe.com/ubi/template/identity/adobe/screen/gfooter.css);
@import url(/oilspill/20121209104159cs_/http://wwwimages.adobe.com/ubi/template/identity/adobe/screen/gfooter_override.css);
@import url(/oilspill/20121209104159cs_/http://wwwimages.adobe.com/www.adobe.com/lib/com.adobe/template/icon.css);
@import url(/oilspill/20121209104159cs_/http://wwwimages.adobe.com/www.adobe.com/lib/com.adobe/template/data.css);
@import url(/oilspill/20121209104159cs_/http://wwwimages.adobe.com/www.adobe.com/lib/com.adobe/template/list.menu.css);
@import url(/oilspill/20121209104159cs_/http://wwwimages.adobe.com/www.adobe.com/lib/com.adobe/template/star.css);
@import url(/oilspill/20121209104159cs_/http://wwwimages.adobe.com/www.adobe.com/lib/com.adobe/template/common.css);

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-after:after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.clear-after::after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.clear-after {
/*\*//*/ display: inline-table; /*MacIE*/
_height: 1em;
min-height: 1px;
}


.clip-top { margin-top: 0 !important; }
.clip-bottom { margin-bottom: 0 !important; }
.clip-sides { 
margin-left: -16px;
margin-right: -16px;
}
.p1 .clip-sides { 
margin-left: -8px;
margin-right: -8px;
}
.p2 .clip-sides { 
margin-left: -10px;
margin-right: -8px;
}
.clip-sides div,
.clip-sides img {
_position: relative; 
}
.clip-left { margin-left: -16px; }
.p1 .clip-left,
.p2 .clip-left  { margin-left: -8px; }
.clip-right { margin-right: -16px; }
.p1 .clip-right { margin-right: -8px; }
.p2 .clip-right  { margin-right: -10px; }

.no-gap img,
.no-gap embed,
.no-gap object {
margin-top: -0.85em;
_margin-top: -0.9em;	
margin-bottom: 0;
padding-bottom: 0;
}
/* For IE7 and Opera \*/
*+html .no-gap img,
*+html .no-gap embed,
*+html .no-gap object { margin-top: -0.9em; }
/* */

/*	COMPACT	$Revision: #1 $
float child elements, clear floats
*/
.compact>* { float: left; }
.compact:after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.compact::after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.compact {
/*\*//*/ display: inline-table; /*MacIE*/
_height: 1em;
min-height: 1px;
}
.compact {
 padding-bottom: 1px;
 _behavior: url(/oilspill/20121209104159oe_/http://wwwimages.adobe.com/lib/com.adobe/remedy/compactWsFix.htc);
 }
.compact>p,
.compact>span {
margin-right: 1ex;
margin-bottom: 0;
padding: 0;
}
dl.compact>dd { margin-left: 0; }
ul.compact li,
ol.compact li,
dl.compact dd,
div.compact p { 
_display: inline;
_float: left;
}
dl.compact * dd ol.compact * li,
ul.compact * li,
div.compact * p { 
_display: block;
_float: none;
}
dl.compact dd { _margin-left: 0; }
div.compact p { 
_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;
}


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(/oilspill/20121209104159oe_/http://wwwimages.adobe.com/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(/oilspill/20121209104159oe_/http://wwwimages.adobe.com/lib/com.adobe/remedy/revealOverflowX.htc);
_behavior: url(/oilspill/20121209104159oe_/http://wwwimages.adobe.com/lib/com.adobe/remedy/revealOverflowX.htc) url(/oilspill/20121209104159oe_/http://wwwimages.adobe.com/lib/com.adobe/remedy/maxCalcFix.htc); 
}


pre, blockcode {
display:block;
padding: 1em 1.5ex 1.5em;
margin:1em 0;
white-space:pre;
background-color:#F0F6FC;
border: 1px solid #ccc;
_width: 100%;
overflow-x:auto;
}
html>body pre, blockcode {
/*\*/
overflow:auto;
/*/
display:inline-block;
padding-left:0;
padding-right:0;
width:100%;
/**/
}
pre strong, blockcode strong {
font-weight: normal;
background-color: #F9F9B7;
}
.css-comment{color:#999}
.css-import {color:#099}
.css-important {color:#F00}
.css-media {color:#900}
.css-property {color:#009}
.css-selector {color:#F0F}
.css-string {color:#060}
.css-value {color:#00F}
.css-display {color:#990099}


/*	PULLOUT $Revision: #1 $
@author btapley
http://webdev/wiki/index.php/Pullout
*/
p.pullout-item img { margin-right: 0; }
.pullout-left,
.pullout-right { _height: 1em;  }
[className~=pullout-left] {
 margin-left: 0;
 display: inline-block;
}
.pullout-left:after, 
.pullout-right:after { /* CSS-2 Syntax for IE 8 */
content: "\0020";
clear: both;
display: block;
height: 0;
}
.pullout-left::after, 
.pullout-right::after {
content: "\0020";
clear: both;
display: block;
height: 0;
}
.pullout-item {
overflow: hidden;
_height: 100%;
}
.left-wrap .pullout-item,
.right-wrap .pullout-item { _height: auto; }
.right-wrap .pullout-item {
clear: right;
}
.left-wrap .pullout-item {
clear: left;
}
.pullout-left .pullout-item {
float: left;
margin-left: 0 !important;
_margin-right: 6px; 
}
.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; }


.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; }
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 {
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;	
margin-top: .2em;
}
input,
select,
textarea,
button {
font-family: inherit;
font-size: 100%;
line-height: inherit;
}
.textfield { _height: 1.85em; }
.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;
}
dd input[name="up_username"] , dd input[name="up_password"] {
  width:124px !important;                        
}
#up_password{
  _width:132px !important;       /* IE6 Hack */                 
}
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 }
.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. */ }

.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 a { color: #992222; }
.price a,
a.price,
a span.price { cursor: pointer; }
.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 $
@author btapley
*/
.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;
}
.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%; }
.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%; }
.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%; }


ul,
ol,
dl {
word-spacing: -2ex;
letter-spacing: -2ex;
line-height: 0;
}
dt,
dd,
li {
word-spacing: normal;
letter-spacing: normal;
line-height: 1.25;
}
ul li {
_list-style-position: inside;
}
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; 
}
ol ol {
list-style-type: lower-alpha;
margin-left: .5ex;
_margin-left: 1.5ex; 
}
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; }

.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;  }
.link-list dd { _padding-left: 1.25ex;  }
.link-list li,
.link-list dt,
.link-list dd {
_margin: 1px 1.5ex 1px 0;
_line-height: 1.35em; 
}
ul.link-list li { _list-style-position: outside;  }

.tags li { margin-right: 10px; }
.tag { margin-bottom: 0.5em; }

.nomarker {
list-style-image: none;
list-style-type: none; 
}
body {
_behavior: url(/oilspill/20121209104159oe_/http://wwwimages.adobe.com/lib/com.adobe/remedy/lang.htc);
}

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-after:after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.clear-after::after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.clear-after {
/*\*//*/ display: inline-table; /*MacIE*/
_height: 1em;
min-height: 1px;
}


.clip-top { margin-top: 0 !important; }
.clip-bottom { margin-bottom: 0 !important; }
.clip-sides { 
margin-left: -16px;
margin-right: -16px;
}
.p1 .clip-sides { 
margin-left: -8px;
margin-right: -8px;
}
.p2 .clip-sides { 
margin-left: -10px;
margin-right: -8px;
}
.clip-sides div,
.clip-sides img {
_position: relative; 
}
.clip-left { margin-left: -16px; }
.p1 .clip-left,
.p2 .clip-left  { margin-left: -8px; }
.clip-right { margin-right: -16px; }
.p1 .clip-right { margin-right: -8px; }
.p2 .clip-right  { margin-right: -10px; }

/*	COMPACT	$Revision: #1 $
float child elements, clear floats
*/
.compact>* { float: left; }
.compact:after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.compact::after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.compact {
/*\*//*/ display: inline-table; /*MacIE*/
_height: 1em;
min-height: 1px;
}
.compact {
 padding-bottom: 1px;
 _behavior: url(/oilspill/20121209104159oe_/http://wwwimages.adobe.com/lib/com.adobe/remedy/compactWsFix.htc);
 }
.compact>p,
.compact>span {
margin-right: 1ex;
margin-bottom: 0;
padding: 0;
}
dl.compact>dd { margin-left: 0; }
ul.compact li,
ol.compact li,
dl.compact dd,
div.compact p { 
_display: inline;
_float: left;
}
dl.compact * dd ol.compact * li,
ul.compact * li,
div.compact * p { 
_display: block;
_float: none;
}
dl.compact dd { _margin-left: 0; }
div.compact p { 
_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;
}


/*	POD
$Revision: #1 $
*/
.p0,
.p1,
.p2,
div.frame {
margin-bottom: 1em;
padding: 10px 8px;
zoom: 100%;
_height: 1em;
}
.p1,
div.frame {
background-color: #EEE;
border: 1px solid #DDDDDD;
}
.p1-top,
.p2-top,
div.frame { padding-top: 0; }
div.frame {
htc-method: "$getFirstChild >$addClassToNode[p1-top-first-child]";
_behavior: url(/oilspill/20121209104159oe_/http://wwwimages.adobe.com/lib/com.adobe/evaluateCss.htc);
}
.p1-top {
htc-method: "$getFirstChild >$addClassToNode[p1-top-first-child]";
_behavior: url(/oilspill/20121209104159oe_/http://wwwimages.adobe.com/lib/com.adobe/evaluateCss.htc);
}
.p2-top {
htc-method: "$getFirstChild >$addClassToNode[p2-top-first-child]";
_behavior: url(/oilspill/20121209104159oe_/http://wwwimages.adobe.com/lib/com.adobe/evaluateCss.htc);
}
.p1-top>*:first-child,
.p2-top>*:first-child,
div.frame>*:first-child {
margin: 0 -8px .5em;
padding: 6px 8px;
font-size: .917em;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
color: #111111;
}
html[lang=ja] .p1-top>*:first-child,
html[lang=ja] .p2-top>*:first-child,
html[lang=ja] div.frame>*:first-child,
html[lang=zh] .p1-top>*:first-child,
html[lang=zh] .p2-top>*:first-child,
html[lang=zh] div.frame>*:first-child,
html[lang=ko] .p1-top>*:first-child,
html[lang=ko] .p2-top>*:first-child,
html[lang=ko] div.frame>*:first-child {
font-size: 100%;
}
.p1-top-first-child,
.p2-top-first-child {
margin: 0 -8px .5em !important;
padding: 6px 8px !important;
font-size: .917em;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
_height: 1em;
}
html.ja .p1-top-first-child,
html.ja .p2-top-first-child,
html.zh .p1-top-first-child,
html.zh .p2-top-first-child,
html.ko .p1-top-first-child,
html.ko .p2-top-first-child {
font-size: 100%;
}
.p1-top>*:first-child,
div.frame>*:first-child { 
background-color: #DDDDDD;
color: #111111;
}
.p1-top-first-child { 
background-color: #DDDDDD;
color: #111111;
}
*[className~=frame] { padding: 0; }
*[className~=frame]>* { padding: 0 8px; }
.top-acc {
background-color: #DDDDDD;
margin-left:0;
margin-right:0;
padding-left:20px;
padding-top:12px;
padding-right:10px;
padding-bottom: 6px;
}
.top-acc>*:first-child { background-color: transparent; }
.pod-body { _width: 100%;  }


/*	GLUE CSS
Resolve differences between independant selectors when combined
$Revision: #1 $
*/
li.icon { padding-left: 20px; }
.pullout-left .icon-replace { _background-position: top left; }
.pipe li .icon-replace { _vertical-align: bottom; }
[className~=pipe]>li>.icon-replace {
 vertical-align: bottom;
}
.pipe li a.icon {
padding-left: 25px;
background-position: 5px center;
}
.tabChiclet a.icon,
.boxed a.icon {
padding-left: 30px;
background-position: 10px center;
}
td.icon {
padding-left: 33px;
background-position: 13px center;
}
 body:-moz-last-node .menu li a.icon {
 vertical-align: baseline;
}
#L1C1 .columns-2-Abb-bb .p1 .pod-body li.icon { _position: relative; }
::root .L3 embed {
 margin-top: -8px;
}
.side-menu {
font-size: .917em;
margin: 0;
padding: 0;
}
html[lang=ja] .side-menu {
font-size: 1em;
}
html.ja .side-menu {
font-size: 1em;
}
.side-menu dt {
margin: 10px 0 4px;
line-height: 1.25;
text-transform: uppercase;
padding-top: 4px;
border-top: 1px solid #CBCBCB;
color: #111111;
}
.side-menu dd 
{ 
margin: 4px 0; 
text-transform: none; 
}
.side-menu dl.treelist dt { 
border-top: none; 
padding-top: 1px;
}
#layoutLogic.L3 h1 {
position: static;
top: 0;
padding: 0;
margin: 1em 0 0.5em;
font-size: 2em;
line-height: auto;
color: #000;
background: none;
display: block;
height: auto;
}
.p0 h3,
#content-body h3,
#iframeContent h3 {
color: #222222;
margin: 0 0 0.85em;
padding: 4px 0;
min-height: 1em; 
border-bottom: 3px solid #CBCBCB;
text-transform: uppercase;
font-size: .917em;
}
html[lang=ja] .p0 h3,
html[lang=zh] .p0 h3,
html[lang=ja] #iframeContent h3,
html[lang=zh] .p0 h3,
html[lang=zh] #iframeContent h3,
html[lang=ko] .p0 h3,
html[lang=ko] #iframeContent h3 {
font-size: 1em;
text-transform: none;
}
html.ja .p0 h3,
html.ja #iframeContent h3,
html.zh .p0 h3,
html.zh #iframeContent h3
html.ko .p0 h3,
html.ko #iframeContent h3 {
font-size: 1em;
text-transform: none;
}
.p0 h3 a {
margin: -4px 0;
padding: 4px 0;
display: block;
}
.p0 h3 a:hover {
text-decoration: none;
background-color: #EEEEEE;
}
.p1 h3,
.frame h3 { border-bottom-style: none; }
#iframeContent .p1-top .p1-first-child,
.p1-top h3.p1-first-child {
left: 0;
margin: 0 -9px;
padding: 0.2em 9px;
background-color: #777;
color: #fff;
}
#iframeContent .p1-top .pod-body>*:first-child {
margin-left: -9px;
margin-right: -9px;
padding-left: 9px;
padding-right: 9px;
background-color: #777;
color: #fff;
}
.p0 .portal-features h3,
.p0 .portal-features h4 {
background-color: transparent;
font-size: 1.2em;
}
.p2 h3 {
color: #111111;
}
blockquote.pullquote p {
font-size: 1.4em;
margin-bottom: .5em;
}
blockquote address,
blockquote cite {
margin-top: 0.25em;
font-size: 0.917em;
line-height: 1.35;
}
blockquote.pullquote cite,
blockquote cite { font-weight: bold; }
blockquote.pullquote cite {
font-size: 0.917em;
color: #999;
display: block;
margin-left: 1em;
}
blockquote.pullquote span.author {
color: #333333;
margin-left: -1em;
}
.page dt { font-weight: normal; }
.tags li a {
font-weight: bold;
font-size: 1.15em;
}
.tags li a.disabled { font-size: 1em; }
.ratings a { font-weight: bold; }
.rating .note { font-weight: normal; }
#fma h2 { font-size: 1.55em; }
#static-messaging h2 {
font-weight: bold;
font-size: 1.2em;
}
.nav-up a {
display: block;
width: 16px;
height: 16px;
text-indent: -1999px;
/*\*/	
overflow: hidden;
position: absolute;
top: 0;
right: 0;/**/
}
.nav-up a:hover { background-color: transparent; }
.meta dt,
.meta dd {
margin: 0;
float: left;
}
.meta dt {
clear: both;
width: 30%;
}
.meta dd {
width: 68%;
white-space: normal;
}
div.h-nav p {
float: right;
margin: 0 0 0 2ex;
margin: 0;
}
div.h-nav h3 {
float: left;
margin: 0;
padding: 0;
display: inline-block;
line-height: 1.35;
border-bottom-style: none;
}
.h-nav .menu {
float: right;
width: auto;
margin: 0 0 0 2ex;
padding: 0;
}
form.pod-body { margin-bottom: 0; }
/* PULLOUT WRAP AND LISTS */
.left-wrap li { list-style-position: inside; }
.left-wrap .link-list li { list-style-position: outside; }
.error .caption { color: #CC0001; }
h1.clip-bottom {
htc-method:"$next >$addStyleToNode[marginTop -10px]";
_behavior: url(/oilspill/20121209104159oe_/http://wwwimages.adobe.com/lib/com.adobe/evaluateCss.htc);
}
h1.clip-bottom+* { margin-top: -10px; }
.p2 .hr { height: 1px; }
/*	
Discover CSS
$Id: //depot/projects/dylan/releases/rc_12_12/docroot/lib/com.adobe/template/discover.css#1 $
*/
.discover { _behavior: url("/oilspill/20121209104159oe_/http://wwwimages.adobe.com/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-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 */
.discover:not([className="test2"]) .pullout-left:hover ul { margin-bottom: -1px; }
.discover .pullout-left:hover .menu:not([className="test2"]) a  {	border-bottom: 1px solid #eee; }
.discover .pullout-left:hover .menu:not([className="test2"]) a:hover  { border-bottom: 1px solid #069; }
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; }
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; }
@charset "UTF-8";
/*	DROP DOWN $Revision: #1 $
Copyright 2006 Adobe Systems Incorporated
*/
.d-dropdown {
position: relative;
_behavior: url("/oilspill/20121209104159oe_/http://wwwimages.adobe.com/lib/com.adobe/hover.htc"); /*IE sub7*/
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;
}

#depthpath {
padding-left: 0;
margin: 0;
min-height: 10px;
position: absolute;
top: -66px;
_top: -70px;
left:16px;
z-index: 1;
}
#depthpath li {
font-size: .917em;
}
html[lang=zh] #depthpath li {
font-size: 1em;
}
html.zh #depthpath li {
font-size: 1em;
}
#depthpath * {
line-height: 1.3;
}
#depthpath,
#depthpath a,
#depthpath a:visited {
color: #999;
text-decoration: none;
}
#depthpath a:hover { 
background-color: #000;
color: #ddd;
}
/*	LAYOUT CSS
Portal Page Layout
$Revision: #1 $
*/
body {
background-color: #FFFFFF;
background-color: #EAEAEA;
background-image: url(/oilspill/20121209104159oe_/http://wwwimages.adobe.com/www.adobe.com/lib/com.adobe/template/theme/silverswimmer.jpg);
background-repeat: no-repeat;
}
#layoutLogic,
#content-header,
#content-marquee,
#marquee-body,
#content-layout,
#content-wrapper,
#content-body { position: relative; }
#content-wrapper { height: auto;  _zoom: 1;}
#layoutLogic { width: 1006px; _width: 999px }
#content-header { 
background: url(theme/contentHeader_topshadow.png) right 0px no-repeat;
_background: #222;
display: inline-block;
display: -moz-inline-box;
display: inline-block;
padding: 41px 24px 10px 0;
margin: 0 0 -3px;
_margin: 4px 0 0;
min-height: 36px;
_height: 36px;
min-width: 465px;
max-width: 700px;
width: auto;
z-index: 5;
_padding-top: 38px;
_height: 82px;
_width: 500px;
}
/* Safari 2 and 3 not adjusting height well */
body:last-child:not(:root:root) #content-header { min-height: 30px; }
body:first-of-type #content-header { min-height: 30px; }
.sIFR-hasFlash #content-header { 
padding-top: 38px;
padding-bottom: 9px;
}
#content-layout,
#layoutLogic.with-marquee #content-marquee,
#layoutLogic.wide-with-marquee #content-marquee { background: url(theme/content-layout-top-shadow.png) 0 0 no-repeat; }
#layoutLogic.liquid #content-marquee,
#layoutLogic.liquid #content-layout { background: url(theme/liquid-top-shadow.png) 0 0 repeat-x; }
#layoutLogic.with-wide-pocket #content-wrapper,
#layoutLogic.with-pocket #content-wrapper,
#layoutLogic.no-pocket #content-body,
#layoutLogic.with-marquee #marquee-body,
#layoutLogic.wide-with-marquee #marquee-body,
#layoutLogic.wide-with-marquee #content-layout  { background: url(theme/content-body-shadow.png) 0 0 repeat-y; }
#layoutLogic.with-marquee #content-layout,
#layoutLogic.liquid #content-body,
#layoutLogic.wide-no-header #content-body,
#layoutLogic.with-wide-pocket #content-body,
#layoutLogic.wide-with-marquee #content-wrapper { background-image: none; }
#layoutLogic.liquid #content-body { background-color: #fff }
#layoutLogic.with-marquee #marquee-body,
#layoutLogic.wide-no-header,
#layoutLogic,
#content-layout,
#content-marquee,
#content-body { _background-image: none !important }
#content-marquee,
#content-layout { 
_background-color: #fff !important; 
_border-right: 1px solid #ccc;
}
#content-layout  {	
position: relative;
z-index: 4;
_background-color: #fff;
padding-top: 20px;
}
#layoutLogic.with-marquee #content-layout,
#layoutLogic.wide-with-marquee #content-layout,
#layoutLogic.liquid #content-layout { padding-top: 0; }
#layoutLogic.wide-no-header #content-layout { _padding-top: 0 }
#layoutLogic.with-marquee #content-body { padding-top: 20px; *padding-top: 17px; }
#layoutLogic.with-marquee #content-marquee { padding-top: 20px;  _padding-top: 0px; }
#layoutLogic.liquid #content-marquee { padding-top: 0; }
#layoutLogic.with-marquee #marquee-body>div img:first-child,
#layoutLogic.with-marquee #marquee-body>img:first-child,
#layoutLogic.with-marquee #marquee-body>div *:first-child { margin-top: -17px; }
*:first-child+html #layoutLogic.with-marquee #marquee-body>img  { margin-top: -17px; }
#layoutLogic.with-marquee #marquee-body .swfcontent { padding-top: 17px; _padding-top: 0; }
#layoutLogic.with-marquee #marquee-body .swfcontent *:first-child { margin-top: -34px }
#layoutLogic.with-marquee #marquee-body .static-messaging { 
 margin-right: 8px;
 _margin-right: 0;
 margin-bottom: 0;
}
#layoutLogic.with-marquee #marquee-body>div .static-messaging *:first-child { margin-top: 0px; }
#layoutLogic.with-marquee #marquee-body img { _margin-bottom: -3px }
#content-body {
position: relative;
min-height: 600px;
_height: 600px;
padding-left: 16px;
padding-bottom: 20px;
}
#layoutLogic.with-marquee #content-body,
#layoutLogic.no-pocket #content-body { margin-top: 0; }
#content-pocket,
#content-pocket-2 {
position: relative;
background: #ededed;
border-left: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
padding: 17px 12px 20px 11px;
float: right;
right: 8px;
_right: 0;
top: -17px;
_top: -20px;
}
#layoutLogic.with-marquee #content-pocket { top: 0; *top: 0; _top: 0; }
h1 {
position: relative;
color: #fff;
font-weight: normal;
font-size: 2.300em;
line-height: normal;
padding: 0 0 0 16px;
margin: 0;
min-width: 102px;
max-width: 684px;
}
#content-body h1 { 
color: #333;
padding-left: 0;
margin-bottom: 0.5em;
}
.sIFR-hasFlash #content-header h1 { 
color: #222; 
font-weight: bold;
line-height: 1em !important;
font-size: 2.8em;
_font-size: 2.75em;
}
.sIFR-replaced,
.sIFR-flash {	visibility: visible !important; }
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-hasFlash h1,
.sIFR-hasFlash h1 {
width: auto;
max-width: 504px;
}
#depthpath {
position: absolute;
z-index: 5;
top: 15px;
_left: 16px;
_height: 40px;
_padding-left: 0 !important;
display: inline-block;
display: -moz-inline-block;
}
hr {
clear: both;
background: #cbcbcb;
color: #cbcbcb;
border: none;
height: 1px;
margin: 0 0 1.35em;
_margin: 0 0 1em;
width: 100%;
}
/*	GLOBAL FOOTER
$Id: //depot/projects/dylan/releases/rc_12_12/docroot/lib/com.adobe/template/shell/gfooter.css#1 $
@author btapley
*/
#globalfooter {
position: relative;
z-index: 1;
zoom: 1;
top:0;
left:0;
border: 0;
margin: 0;
font-size: 0.833em;
padding: 10px 22px 10px 16px;
color:#999;
width: 970px;
_width: 1006px;
background-image: url(theme/contentFooter_dropshadow.png);
_background-image: url(theme/contentFooter_dropshadow_8bit.png);
background-repeat: repeat-y;
_margin-bottom: -15px; /* IE scrollbar */
}
#privacy,
#copyright,
#terms,
#searchengine { line-height: 1.3; }
#privacy,
#terms { margin-bottom: .5em; }
#terms { margin-top: 0; }
#copyright { margin-bottom: 0; }
#globalfooter .menu {
margin: 0 0 10px;
padding: 0;
}
#globalfooter .menu li,
#globalfooter .menu a {
line-height: 1.3;
font-weight: bold;
}
#globalfooter .menu a {	padding: 4px 8px; }
.googlelogo {
width: 37px;
height: 12px;
background-image:url(/oilspill/20121209104159oe_/http://wwwimages.adobe.com/www.adobe.com/lib/com.adobe/template/gnav/google.gif);
position: relative;
top:.5ex;
}
#globalfooter a,
#globalfooter a:hover,
#globalfooter a:visited {
color: #BBB;
text-decoration: none;
}
#globalfooter a:hover,
#globalfooter a:visited:hover {
background-color: #000000;
color: #DDD !important;
}
/*	GLUE CSS
Resolve differences between independant selectors when combined
$Revision: #1 $
*/
#content-body .clip-top { 
margin-top: -17px !important; 
_margin-top: -20px !important;
_position: relative;
}
#content-body .clip-top img { _position: static; }	
.with-marquee #content-body .clip-top { 
margin-top: -20px !important;
*margin-top: -17px !important; 
_margin-top: -17px !important;
}
#content-body .clip-sides { margin-right: -12px; }
#content-pocket h3 { text-transform: uppercase; margin-top: 0; margin-bottom:1em; }
#content-body .p1-top > *:first-child, 
#content-body .p2-top > *:first-child {
color:#111111;
font-size:0.917em;
font-weight:bold;
line-height:normal;
margin:0pt -8px 0.5em;
padding:6px 8px;
text-transform:uppercase;
}
#content-body div.frame>*:first-child {
margin: 0 -8px .5em;
padding: 6px 8px;
font-size: .917em;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
color: #111111;
}
#content-body .p1-top h3.p1-first-child {
left: 0;
margin: 0 -9px;
padding: 0.2em 9px;
background-color: #777;
color: #fff;
}
.with-pocket #content-body .formBlock { width: 84%; }
.no-pocket #content-body .formBlock,
.liquid #content-body .formBlock { width: 66%; }
#content-pocket .nextsteps {
margin: -17px -12px 0 -11px;
padding: 12px;
background-color: #ddd;
}
#content-pocket dl dt { padding-top: 8px; }
#content-pocket dl dt.no-border { border-top: none; }
#content-pocket ol {
margin-left: 0.4em;
_padding-left: 0;
_margin-left: 24px;
}
#content-pocket ol li {
font-size: 109%;
}
#content-pocket .pullquote { _display: inline-block; }
.side-menu .here {
background: transparent url(glue/here_left_arrow.png) no-repeat left center;
position: relative;
left: -10px;
margin-right: -10px;
color: #FFF;
padding: 2px 3px 2px 12px;
display: -moz-inline-block;
display: inline-block;
}
.side-menu .here,
.side-menu .here:link,
.side-menu .here:visited,
.side-menu .here:hover,
.side-menu .here:visited:hover {
color: #FFF;	
}