/* common.css */

@import url("nav.css");
@import url("ui_elements.css");

body {
    margin: 0;
    padding: 0;
    font-size: 0.75em;
    font-family: arial, helvetica, sans-serif;
    background: #000;
    color: #fff;
}

img,
embed,
object {
    display: block;
}

a {
    color: #f26322;
}

a:focus {
    border: 0;
    outline: 0;
}

a:visited {
    color: #a0a0a0;
}

a:hover {
    color: #fff;
}

a img {
    border: 0;
}

p {
    margin: 0 0 1em 0;
}

form {
    display: inline;
}

.wrapper {
    width: 940px;
    margin: 0 auto;
}

#flashBanner {
  width: 980px;
  margin: 0 auto;
  position: relative;
}

.fusionLogo {
    position: absolute;
    top: 21px;
    left: 43px;
}

#ap-tb img {
    float: left;
}

.navigation:after,
#productLinks ul:after,
#innerTeaserContent:after,
#contentContainer:after,
.autopublish-summary:after,
.formComponent dl:after,
.contactDetails dl:after,
#innerFooter:after,
.clear-nested-floats:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#header {
    background: url("../images/bg_grey.gif") repeat-x left bottom;
}

#outerContent {
    background: #000 url("../images/bg_outer_content.gif") repeat-x top left;
    border-top: 1px solid #484848;
}

    #content {

    }

    /* home */

    #teaserContentContainer {
        margin-top: 10px;
        margin-bottom: 9px;
    }

            .myriaxLink {
                position: absolute;
                top: -7px;
                right: -1px;
            }

                .myriaxLink a {
                        display: block;
                }

            #productLinks {
                margin: 18px 0;
            }

                #productLinks ul {
                    margin: 0;
                    padding: 0;
                    list-style-type: none;
                }

                    #productLinks ul li {
                        margin: 0;
                        padding: 0;
                        float: left;
                    }

                    #productLinks ul li.middle {
                        margin: 0 10px;
                    }

                #innerTeaserContent {

                }

                    .teaser {
                        width: 200px;
                        float: left;
                        margin-top: 9px;
                        padding-right: 20px;
                        background: url("../images/icon_teaser_content_arrow.gif") no-repeat 0 6px;
                    }

                    .teaser.update {
                      width: 470px;
                    }

                        .teaser h1 {
                            margin: 0;
                            padding: 0;
                            margin-left: 23px;
                            margin-bottom: 14px;
                            font-size: 1.4em;
                        }

                        .teaser p {
                            margin-left: 23px;
                        }

                        .teaser ul {
                            margin: 0;
                            margin-bottom: 1em;
                            padding: 0;
                            list-style-type: none;
                        }

                        .teaser ul li {
                            background: url("../images/icon_home_list_arrow.gif") no-repeat 0 0.4em;
                            margin: 0;
                            margin-left: 2px;
                            padding: 0;
                            padding-left: 22px;
                        }

                        .teaser ul li.button {
                            list-style: none;
                        }

                        .teaser .newsItems li {
                            margin-left: 0;
                            padding: 0;
                            margin-bottom: 12px;
                            background: 0;
                        }

                        .teaser .newsItems li a {
                            color: #fff;
                            text-decoration: none;
                            font-size: 0.9em;
                        }

                        .teaser .quickLinks li a {
                            color: #fff;
                            text-decoration: none;
                        }

                        .teaser .newsItems li a:hover,
                        .teaser .quickLinks li a:hover {
                            color: #f26322;
                        }

                        .teaser .quickLinks li {
                            margin-bottom: 6px;
                            background: url("../images/icon_home_quicklinks_arrow.gif") no-repeat 0 0.4em;
                        }

                        .teaser .quickLinks li a {
                            font-weight: bold;
                        }

/* sub summary */

#contentContainer {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 12px;
}

.errorPage .autopublish-summary {
    margin-bottom: 100px;
    background: none;
}

.errorPage #contentPanel {
  float: left;
  width: 940px;         
}

    #contentContainer .myriaxLink {
            bottom: 0;
    }

#contentContainer .bct {
    margin: 28px 0;
    padding: 0;
    font-size: 1.2em;
}

#subNavPanel {
    float: left;
}

.subNav {
    width: 298px;
    margin-bottom: 10px;
}

    .innerSubNav {
        border-left: 1px solid #292929;
        border-right: 1px solid #292929;
        background: #000;
        padding: 0 12px;
    }

        .innerSubNav ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        .innerSubNav ul li {
            margin: 0;
            margin-left: 2px;
            padding: 6px 0;
            padding-left: 16px;
            background: url("../images/icon_subnav.gif") no-repeat 0 0.9em;
        }

        .innerSubNav a {
            color: #fff;
            text-decoration: none;
        }

        .innerSubNav a:hover,
        .innerSubNav a.current {
            color: #f26322;
        }

        .innerSubNav a.current {
            font-weight: bold;
        }

#contentPanel {
    float: right;
    width: 620px;
}

#contentPanel .leftContentPane {
  width: 420px;
  float: left;
}

#contentPanel .leftContentPane.wide {
  width: 618px;
}

#contentPanel .rightContentPane {
  width: 172px;
  float: right;
}

.rightContentPane .panelHeading {
  background: url("../images/icon_panel_heading_arrow.gif") no-repeat 0 5px;
  padding-left: 20px;
  margin: 20px 5px;
  margin-right: 0px;
}

.rightContentPane h1 {
  font-size: 1.4em;
  color: #fff;
}

.rightContentPane .quickLinks {
  margin: 0;
  margin-left: 5px;
  padding: 0;
  list-style-type: none;
}

.rightContentPane .quickLinks li {
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
  padding-left: 20px;
  background: url("../images/icon_home_quicklinks_arrow.gif") no-repeat 0 0.4em;
}

.rightContentPane .quickLinks a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.rightContentPane .quickLinks a:hover {
  text-decoration: underline;
}

.autopublish-summary {
    background: url("../images/icon_summary_arrow.gif") no-repeat 0 0.5em;
    padding-left: 20px;
    padding-right: 15px;
    margin-bottom: 1em;
    color: #a0a0a0;
}

.autopublish-summary h1,
.autopublish-summary h2 {
    font-size: 1.3em;
    margin: 0;
    margin-bottom: 1em;
    padding: 0;
    color: #fff;
}

.highlighted {
    font-weight: bold;
    color: #f26322;
}

.category-summary {
  float: left;
  width: 200px;
  padding: 0;
  margin-right: 10px;
  color: #a0a0a0;
}
.category-summary h2 { 
    padding-left: 20px; 
    color: #fff; 
}

.category-summary .mainImg { 
    border: 1px solid #292929; 
    margin-bottom: 18px;
}

.category-summary .mainImg:hover {
    border: 1px solid #a0a0a0;
}

.autopublish-summary .sitemap li {
    padding-bottom: 5px; 
}

.autopublish-summary .sitemap li a {
    background: url("../images/icon_bullet_arrow.gif") no-repeat 0 0.4em;
    padding-left: 10px;
}

.category-summary .category-content-inner .btn { margin-bottom: 10px; }

.category-summary .imageThumbPreview {
    width: 250px;
    height: 137px;
    overflow: hidden;
}

.category-summary.gallery {
    width: 250px;
    margin-left: 47px;
    margin-bottom: 10px;
}

.category-summary.gallery .category-content-inner .btn { top: -3px; float: right;}

.category-summary.gallery p {
    margin-right: 92px;
    margin-top: 1em;
    font-size: 0.9em;
    height: 3em;
    overflow: hidden;
}

/* sub detail */

.autopublish-detail {
    background: url("../images/icon_summary_arrow.gif") no-repeat 0 5px;
    padding-right: 13px;
    color: #a0a0a0;
}

.autopublish-detail .articleTitleContainer.narrow {
  width: 280px;
}

.autopublish-detail h2.articleTitle {
    margin-left: 20px;
}

.autopublish-detail h1,
.autopublish-detail h2 {
    font-size: 1.3em;
    color: #fff;
    margin: 0;
    margin-bottom: 1em;
    padding: 0;
}

.autopublish-detail table {
    border-collapse: collapse;
    margin-bottom: 1em;
}

.autopublish-detail table td {
    border: 1px solid #6f838b;
    padding: 3px 5px;
    vertical-align: top;
}

blockquote {
    border-left: 2px solid #fff;
    margin-left: 0;
    padding-left: 20px;
}

/* image thumb viewer */

#imageThumbViewer {
    float: right;
    margin-left: 15px;
    width: 278px;
}

    .innerThumbViewer {
        background: #000 url("../images/bg_thumb_viewer.gif") no-repeat top left;
        border-left: 1px solid #292929;
        border-right: 1px solid #292929;
        padding: 0 12px;
        padding-bottom: 1em;
    }

        .innerThumbViewer .imageCount {
            text-align: right;
            font-size: 0.9em;
            color: #f26322;
            margin: 0;
            height: 24px;
        }

        .innerThumbViewer .imageThumb {
            border: 1px solid #292929;
            width: 250px;
            height: 137px;
            overflow: hidden;
        }

        .innerThumbViewer .imageRotator {
            width: 210px;
            padding: 4px 20px;
            padding-bottom: 0;
            position: relative;
            text-align: center;
            font-size: 0.9em;
            margin: 0;
        }

            .imageRotator .prev {
                position: absolute;
                top: 4px;
                left: 0;
            }

            .imageRotator .next {
                position: absolute;
                top: 4px;
                right: 0;
            }

.hiddenImage { display: none; }
.articleThumb { 
  float: left; 
  margin: 0 20px 20px 0;
}
.date { 
    color: #a0a0a0; 
    font-size: 0.9em; 
    font-weight: normal;
    margin-bottom: 1em;
    margin-top: -1em;
    display: block;
}

/* download files */

.fileList,
.urlList {
    margin: 0;
    margin-bottom: 1em;
    padding: 0;
    list-style-type: none;
}

    .fileList li,
    .urlList li {
        margin: 0;
        margin-bottom: 4px;
        padding: 0;
    }

.fileList a,
.urlList a {
    display: block;
    padding: 4px;
    padding-left: 25px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.fileList a {
    background: url("../images/icon_download_file.gif") no-repeat 0 2px;
}

.urlList a {
  background: url("../images/icon_external_link.gif") no-repeat 0 2px;
}

.fileList a:hover,
.urlList a:hover {
    background-position: 0 -90px;
    text-decoration: underline;
}

/* contact form */

.wide .formComponent {
  width: 600px;
}

.landing .formComponent,
.landing #formHolder .formComponent {
  width: auto;
}

.formComponent {
    width: 420px;
    color: #a0a0a0;
}

#formHolder .formComponent {
  width: 420px;
}

.formComponent .p a,
.formComponent .p span {
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #393939;
    padding: 7px 0;
    margin-bottom: 10px;
}

.formComponent .p a:hover {
    border-bottom-color: #f26322;
}

.formComponent.closed .p a {
    background: url("../images/icon_collapse_arrow.gif") no-repeat 400px 10px;
}

.formComponent.open .p a,
.formComponent.open .p span {
    background: url("../images/icon_collapse_arrow.gif") no-repeat 400px -52px;
}

.wide .formComponent.closed .p a {
    background: url("../images/icon_collapse_arrow.gif") no-repeat 580px 10px;
}

.wide .formComponent.open .p a,
.wide .formComponent.open .p span {
    background: url("../images/icon_collapse_arrow.gif") no-repeat 580px -52px;
}

.formComponent .c {
    margin-bottom: 25px;
}

.formComponent.closed .c {
    display: none;
}

.formComponent.open .c {
    display: block;
}

.formComponent .c fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.formComponent .c legend {
    display: none;
}

.formComponent .c p {
    font-size: 0.9em;
    margin-bottom: 2em;
}

.formComponent dl {
    margin: 0;
    margin-bottom: 4px;
    padding: 0;
}

.formComponent dt {
    margin: 0;
    padding: 0 20px;
    float: left;
    width: 160px;
}

.formComponent .extended dt {
    width: 200px;
}

.formComponent .extended dd {
    display: none;
}

.formComponent dd {
    margin: 0;
    padding: 0;
    float: left;
    width: 217px;
}

.wide .formComponent dd {
  width: 390px;
}

#formHolder .formComponent dd {
  width: 385px;
}

.formComponent.buttons dd {
    width: 230px;
}

.formComponent .chq {
    margin-right: 25px;
    margin-bottom: 10px;
}

.formComponent .txt {
    border: 1px solid #393939;
    background: #fff;
    width: 100%;
    color: #000;
}

.formComponent .ta {
    border: 1px solid #393939;
    background: #fff;
    width: 100%;
    color: #000;
    font-family: arial, helvetica, sans-serif;
    font-size: 1.1em;
}

.formComponent .sel {
  width: 100%;
}

#reasonField.hide {
  display: none;
}

#reasonField.show {
  display: block;
}

.formComponent .hiddenEl {
    display: none;
}

/* contact details */

.contactDetails dl {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    font-size: 0.9em;
}

.contactDetails dt {
  margin: 0;
  padding: 0;
  padding-left: 10px;
  float: left;
  width: 120px;
  color: #a0a0a0;
}

.contactDetails .businessUnit {
    background: url("../images/icon_bullet_arrow.gif") no-repeat 0 0.4em;
    font-weight: bold;
    color: #fff;
    width: 260px;
}

.contactDetails dd {
    margin: 0;
    margin-top: 2px;
    margin-left: 130px;
    padding: 0;
    width: 140px;
}

.contactDetails dd a {
  text-decoration: underline;
}

/* sitemap */
.sitemap h2 {
    background: url("../images/icon_summary_arrow.gif") no-repeat 0 center;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    font-size: 1.4em;
}
.sitemap,
.sitemap ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}
.sitemap ul li {
    margin: 0 0 5px 20px;
    padding-left: 15px;
    background: url("../images/icon_subnav.gif") no-repeat 0 5px;
}

.sitemap .n0 {
    margin-bottom: 10px;
}

.sitemap .n0 a {
    display: block;
    color: #fff;
}

.sitemap .node2 {
    margin-top: 5px;
}

.sitemap a { 
    color: #A0A0A0;
    text-decoration: none; 
}
.sitemap a:hover { color: #f26322; }
.sitemap h2 a { color: #fff; }

/* footer */

#outerFooter {
    padding-bottom: 1em;
}

    #innerFooter {
        border-left: 1px solid #292929;
        border-right: 1px solid #292929;
        padding: 2px 14px;
        font-size: 0.9em;
        color: #a0a0a0;
        position: relative;
    }

        #innerFooter p {
            float: left;
            margin: 0;
        }

        #innerFooter .footerLinks {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

            #innerFooter .footerLinks li {
                margin: 0;
                padding: 0;
                float: left;
                margin-left: 5px;
            }