@charset "UTF-8";
@import url(layout.css);
@import url(gfooter.css);
@import url(xnav/noscript.css);
@import url(noscript.css);
html {
border-top-style: none;
}
body { background: #222222; }
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}
#content-layout {
padding-top: 0;
}
#content-wrapper {
padding-top: 17px;
}

#content-header,
#content-header h1 {
position: relative;
}
#content-header {
background-position: top left;
margin: 0;
width: 100%; /* important for IE...loser */
}
#content-header h1 {
width: auto;
padding-right: 16px; /* this is overriden by some layouts like pocket */
}
#content-header h1 {
text-transform: uppercase;
}
#content-header h1 {
padding-right: 0;
padding-bottom: 10px;
padding-top: 24px;
font-size: 30px;
height: 36px;
}
#content-subheader {
background-color: #EEEEEE;
padding: 12px 16px 12px 16px;
color: #000000;
font-size: 22px;
margin-right: -16px;
}
h3 {
font-weight: normal;
font-size: 15px;
line-height: 1.2;
border-bottom-style: none;
padding-bottom: 0;
margin-bottom: 12px;
text-transform: uppercase;
}
h4 {
font-weight: bold;
margin-bottom: 1ex;
line-height: 1.2;
margin-top: 1ex;
}
#content-footer {
border-top: 1px solid;
padding-top: 12px;
}
.clip-sides {
_height: 1em;
*zoom:1;
}
.intro {
font-size: 16px;
}
.intro h2 {
font-size: 140%;
margin-bottom: .5ex;
}
.tag-title::after {
text-transform: uppercase;
padding: 0 3px;
background-color: #999999;
color: #FFFFFF;
margin-left: 2ex;
font-size: 80%;
}
dl.menu dt, 
dl.menu dd {
margin-top : .5em;
margin-bottom : .5em;
vertical-align: bottom;
}
#content-pocket .here {
background-color: #047; 
color: #E2E2E2;
padding: 2px 0;
}
.button {
background-image: none;
background-color: #B9B9B9;
background-repeat: repeat-x;
text-transform: uppercase;
padding: 3px 22px;
font-size: 95%;
font-weight: normal;
color: #000000;
}
#content-body .button:link,
#content-body .button:visited {
color: #000000;
}
#content-body .button:hover,
#content-body .button:visited:hover {
color: #000000;
outline: none;
-moz-outline: none;
/*background-color: #555555;*/
text-decoration: none;
}
.story-menu {
top: 12px;
text-align: center;
position: relative;
height: 100px;
}
.story-page {
position: relative;
margin: 0 5px;
}
.story-menu .story-selection-sprite {
width: 70px;
height: 51px;
border: 2px solid red;
position: absolute;
z-index: 100;
}
#globalfooter .pipe {
font-size: 11px;
padding-left: 0;
font-weight: bold;
position: relative;
left: -6px;
}
.acrobat { background-image: url(icon/acr-icon-rest-white.png) }
.acrobat:hover { background-image: url(icon/acr-icon-fullcolor.png) }
.acrobatconnectpro { background-image: url(icon/connect-icon-rest-white.png) }
.acrobatconnectpro:hover { background-image: url(icon/connect-icon-fullcolor.png) }
.aftereffects { background-image: url(icon/ae-icon-rest-white.png) }
.aftereffects:hover { background-image: url(icon/ae-icon-fullcolor.png) }
.bridge { background-image: url(icon/br-icon-rest-white.png) }
.bridge:hover { background-image: url(icon/br-icon-fullcolor.png) }
.contribute { background-image:url(icon/ct-icon-rest-white.png) }
.contribute:hover { background-image:url(icon/ct-icon-fullcolor.png) }
.devicecentral { background-image:url(icon/devcen-icon-rest-white.png) }
.devicecentral:hover { background-image:url(icon/devcen-icon-fullcolor.png) }
.dreamweaver { background-image:url(icon/dw-icon-rest-white.png)  }
.dreamweaver:hover { background-image:url(icon/dw-icon-fullcolor.png) }
.encore { background-image:url(icon/en-icon-rest-white.png)  }
.encore:hover { background-image:url(icon/en-icon-fullcolor.png) }
.fireworks { background-image:url(icon/fw-icon-rest-white.png)  }
.fireworks:hover { background-image:url(icon/fw-icon-fullcolor.png) }
.flash { background-image:url(icon/fl-icon-rest-white.png)  }
.flash:hover { background-image:url(icon/fl-icon-fullcolor.png) }
.illustrator { background-image:url(icon/ai-icon-rest-white.png)  }
.illustrator:hover { background-image:url(icon/ai-icon-fullcolor.png) }
.indesign { background-image: url(icon/id-icon-rest-white.png)  }
.indesign:hover { background-image: url(icon/id-icon-fullcolor.png) }
.onlocation { background-image:url(icon/ol-icon-rest-white.png) }
.onlocation:hover { background-image:url(icon/ol-icon-fullcolor.png) }
.photoshop { background-image:url(icon/ps-icon-rest-white.png)  }
.photoshop:hover { background-image:url(icon/ps-icon-fullcolor.png) }
.premiere { background-image:url(icon/pr-icon-rest-white.png)  }
.premiere:hover { background-image:url(icon/pr-icon-fullcolor.png) }
.soundbooth { background-image:url(icon/sb-icon-rest-white.png)  }
.soundbooth:hover { background-image:url(icon/sb-icon-fullcolor.png) }
.versioncue { background-image:url(icon/vrscue-icon-rest-white.png) }
.versioncue:hover { background-image:url(icon/vrscue-icon-fullcolor.png) }

#content-body {
background-color: #FFFFFF;
color: #444444;
}
#content-footer {
border-top-color: #CCCCCC;
}
.unlink,
.unlink:link,
.unlink:visited,
.unlink:hover,
.unlink:visited:hover {
color: #000000;
text-decoration: none;
}

.feature-price {
font-size: 17px;
line-height: 1.2;
}
.data tr.headerBlock th {
background-color: #7D7D7D;
}
.data tbody tr {
background-color: #E5E5E5;
}
caption {
text-transform:uppercase;
font-weight:bold;
text-align: left;
}
#depthpath {
margin-bottom: -12px;
}
.feature-story {
width: 200px;
}
.tag-new,
.tag-enhanced {
behavior: url(/ubi/template/identity/lib/style-nurse.htc);
padding-right: 1px;
}
.on a:link,
.on a:visited {
color: #000000;
}
#content-pocket .dyn-treelist dt {
padding: 0;
margin: 0;
border-bottom: 2px solid #E2E2E2;
cursor: pointer;
}
.pocket-tree-title,
.pocket-tree-desc {
display: block;
}
.pocket-tree-title {
text-transform: uppercase;
font-weight: bold;
}
.pocket-tree-desc {
color: #444444;
font-weight: normal;
line-height: 1.25;
font-size: .916em;
}
#content-pocket .dyn-treelist dd {
margin: 0;
padding: 0;
}