/* ##################################### */
/* #             OVERVIEW              # */
/* ##################################### */

body#examples.examplesHome p.intro {
    margin: 20px 0 40px 0;
    color: #535353;
    font-size: 21px;
    font-weight: 300;
    line-height: 32px;
    width: 950px;
}
#gl-legacy-inner-table {
    text-align: center;
}
#sm4-section-header, #pageWrapper {
    min-width: 1200px;
}
#pageWrapper h1 {
    width: 1030px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
#pageWrapper #exampleNav,
#pageWrapper #exampleTable,
#pageWrapper .compact-footer-wrapper {
    width: 1015px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
#pageWrapper .intro-text-large {
    width: 1013px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.examplesHome #pageWrapper h1 {
    width: 1015px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
#pageWrapper .row {
    width: 1050px;
    margin-left: auto !important;
    margin-right: auto !important;
}
#pageWrapper, #pageWrapper h1, #pageWrapper h2, #pageWrapper h3, #pageWrapper p,
#pageWrapper div, #pageWrapper strong, #pageWrapper em, #pageWrapper a, .compact-footer-wrapper ul li,
.compact-footer-wrapper em, .compact-footer-wrapper div, #pageWrapper .callout .captionText a,
div.largebutton span.largebuttonRight, #pageWrapper .callout .interact a {
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
#examples.examplesHome #pageWrapper {
    overflow: visible !important;
}

.row h2 {
    margin: 12px 0 5px 10px;
    font-size: 18px;
}
.row h2:hover {
    color: #f57300 !important;
}
.row {
    margin: 0 0 40px -20px;
    width: 100%;
}
.third {
    margin: 0 0 0 20px;
    background: #eee;
    border: 1px solid #bbb;
    width: 298px;
    float: left;
}
.third a {
    display: block;
}
.row-1 .third {
    height: 228px;
    _height: 243px;
}
.row-2 .third {
    height: 245px;
    _height: 260px;
}
.row-3 .third {
    height: 245px;
    _height: 260px;
}

.third img {
    border-bottom: 1px solid #bbb;
}
.domainlinks {
    margin: 0 10px 10px;
    display: inline-block;
}
.domainlinks #compact-submenu .submenu-list {
    margin: 0;
}
.domainlinks #compact-submenu .submenu-list li {
    height: auto;
    line-height: 18px;
    float: left;
}
.domainlinks #compact-submenu .submenu-list li .has-sub li {
    line-height: 14px;
}
.domainlinks #compact-submenu .submenu-list a {
    display: inline;
    font-weight: normal;
    color: #525252 !important;
    white-space: nowrap;
    font-size: 14px;
}
.domainlinks ul.heirmenu li.t1-item {
    font-size: 14px !important;
}
.domainlinks #compact-submenu .submenu-list a:hover {
    color: #f57300 !important;
}
.domainlinks ul.heirmenu li.t1-divider, .domainlinks ul.heirmenu li.t1-divider-has-sub {
    display: inline-block;
    float: left;
    padding: 0 5px;
    border: none !important;
    background: none !important;
    color: #a7a7a7;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
}
.domainlinks ul.heirmenu li.t1-divider-has-sub {
    padding: 0 0 0 5px;
}
.domainlinks ul.heirmenu li.t1-item a span.chevron {
    color: #dd1100 !important;
}
.domainlinks ul.heirmenu li.t1-item a:hover span.chevron {
    color: #f57300 !important;
}
.domainlinks ul.heirmenu li span.has-sub {
    border-color: #eee;
    font-size: 14px !important;
}
.domainlinks ul.heirmenu li span.has-sub:hover {
    border-color: #bbb;
}
.domainlinks #compact-submenu .submenu-list li .t2-item {
    display: block;
    float: none;
}

a.button {
    background: #f67777;
    background: -moz-linear-gradient(top,  #f67777 0%, #db0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f67777), color-stop(100%,#db0000));
    background: -webkit-linear-gradient(top,  #f67777 0%,#db0000 100%);
    background: -o-linear-gradient(top,  #f67777 0%,#db0000 100%);
    background: -ms-linear-gradient(top,  #f67777 0%,#db0000 100%);
    background: linear-gradient(to bottom,  #f67777 0%,#db0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f67777', endColorstr='#db0000',GradientType=0 );
    border-radius: 4px;
    padding: 0 10px;
    line-height: 21px;
    color: #fff;
    display: inline-block;
}
a.button:hover {
    background: #fc0000;
    color: #fff;
}

.third li {
    background: none;
    padding: 0;
}

.examplesHome #pageWrapperUsesDropShadows {
    margin: 0 0 40px;
    padding: 0;
}
.examplesHome #exampleFooter {
    margin: 0 auto;
    width: 965px;
    padding-right: 60px;
}
.examplesHome #contactPod {
    margin: 0 14px 0 0;
}
/* ==========================================================================================
    control which pipes to hide
=============================================================================================*/
.row-1 .third + .third li.t1-item.no-sub.item-2 + li[class*='t1-divider'],
.row-2 .third li.t1-item.no-sub.item-2 + li[class*='t1-divider'],
.row-2 .third li.t1-item.no-sub.item-3 + li[class*='t1-divider'],
.row-3 .third li.t1-item.no-sub.item-2 + li[class*='t1-divider'] {
    visibility: hidden !important;
}
.row-1 .third + .third + .third li.t1-item.no-sub.item-2 + li[class*='t1-divider'],
.row-2 .third + .third + .third li.t1-item.no-sub.item-2 + li[class*='t1-divider'],
.row-3 .third + .third li.t1-item.no-sub.item-2 + li[class*='t1-divider']  {
    visibility: visible !important;
}
.row-3 .third + .third li.t1-item.no-sub.item-3 + li[class*='t1-divider'] {
    display: none;
}
.row-3 .third + .third .t1-item.no-sub.item- {
    margin-left: -8px;
}
.row-3 .third + .third + .third .t1-item.no-sub.item- {
    margin-left: 0;
}

/* ##################################### */
/* #          NAVIGATION AREA          # */
/* ##################################### */

/* top */
#exampleNav {
    margin-top: 20px;
    padding: 9px 0 0 11px;
    background: url('/system-modeler/industry-examples/img/topnav-bg.png') no-repeat;
}

#exampleNav .exampleNav-item {
    float: left;
    width: 102px;
    height: 117px;
    background: url('/system-modeler/industry-examples/img/nav_off.png') no-repeat;
    cursor: pointer;
}

.exampleNav-item a {
    color: #555 !important;
}

.exampleNav-item div.img {
    margin: 9px 9px 4px;
    border: 1px solid #ddd;
}

.exampleNav-item img.on {
    display: none;
}

.exampleNav-item div.txt {
    margin: 0 9px;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
}

.exampleNav-item div.txt.oneline {
    line-height: 24px;
}

/* hover */
.exampleNav-item.hover a {
    color: #dd1100 !important;
}

.exampleNav-item.hover img.off {
    display: none;
}

.exampleNav-item.hover img.on {
    display: block;
}

/* active */
body.examples1 #item1, body.examples2 #item2, body.examples3 #item3, body.examples4 #item4, body.examples5 #item5, body.examples6 #item6, body.examples7 #item7, body.examples8 #item8, body.examples9 #item9 {
    background: url('/system-modeler/industry-examples/img/nav_on.png');
}

body.examples1 #item1 a, body.examples2 #item2 a, body.examples3 #item3 a, body.examples4 #item4 a, body.examples5 #item5 a, body.examples6 #item6 a, body.examples7 #item7 a, body.examples8 #item8 a, body.examples9 #item9 a {
    color: #dd1100 !important;
}

body.examples1 #item1 img.off, body.examples2 #item2 img.off, body.examples3 #item3 img.off, body.examples4 #item4 img.off, body.examples5 #item5 img.off, body.examples6 #item6 img.off, body.examples7 #item7 img.off, body.examples8 #item8 img.off, body.examples9 #item9 img.off {
    display: none;
}

body.examples1 #item1 img.on, body.examples2 #item2 img.on, body.examples3 #item3 img.on, body.examples4 #item4 img.on, body.examples5 #item5 img.on, body.examples6 #item6 img.on, body.examples7 #item7 img.on, body.examples8 #item8 img.on, body.examples9 #item9 img.on {
    display: block;
}

/* sub nav */
#example-subnav {
    margin-left: 33px;
}

#example-subnav span {
    display: inline-block;
    height: 70px;
    font-size: 14px;
    line-height: 45px;
    color: #747474;
}

#example-subnav span span {
    height: auto;
    padding: 0 2px;
}

#example-subnav a {
    font-weight: bold;
    color: #313131;
}

#example-subnav a:hover {
    color: #dd1100;
}

body.examplesSub1 #example-subnav #sub1, body.examplesSub2 #example-subnav #sub2, body.examplesSub3 #example-subnav #sub3, body.examplesSub4 #example-subnav #sub4, body.examplesSub5 #example-subnav #sub5, body.examplesSub5 #example-subnav #sub6 {
    background: url('/system-modeler/industry-examples/img/subnav-arrow.gif') no-repeat bottom center;
}

body.examplesSub1 #example-subnav #sub1 a, body.examplesSub2 #example-subnav #sub2 a, body.examplesSub3 #example-subnav #sub3 a, body.examplesSub4 #example-subnav #sub4 a, body.examplesSub5 #example-subnav #sub5 a, body.examplesSub6 #example-subnav #sub6 a {
    color: #dd1100;
}

/* intro */
#exampleNav h2 {
    margin: 30px 0 10px 35px;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    color: #dd1100;
}

div.introLeft {
    float: left;
    width: 697px;
    margin: 0;
}

.introLeft p.intro {
    margin: 0 130px 0 35px;
    font-size: 14px;
    line-height: 20px;
}

div.introRight {
    float: left;
    width: 196px;
}

.introRight a {
    outline: none !important;
    color: #fff !important;
}

/* ##################################### */
/* #         MAIN CONTENT AREA         # */
/* ##################################### */

/* general */
table.exampleTable {
    width: 940px;
    margin-top: 0;
    border: none;
    border-collapse: collapse;
}

.exampleTable tr {
    vertical-align: top;
}

/* callouts */
.exampleTable td.calloutLeft {
    width: 195px;
    padding-top: 25px;
}

.calloutLeft div.callout {
    position: absolute;
    width: 195px;
    background: url('/system-modeler/industry-examples/img/callout-arrow-left.gif') no-repeat top right;
    padding-top: 43px;
}
#pageWrapper .callout .callout-title, #pageWrapper .callout .callout-title em, #pageWrapper .callout a {
    margin:0px;
    font-size:12pt;
    font-family:'Walter Turncoat', Arial, Helvetica, sans-serif;
    font-weight:400;
}
#pageWrapper .callout .captionText a {
    font-size: 12px;
}

.calloutLeft .callout p {
    margin: 5px 0;
}

.calloutLeft .callout img {
    margin-left: 10px;
}

.exampleTable td.calloutRight {
    width: 195px;
    padding-top: 25px;
}

.calloutRight div.callout {
    position: absolute;
    width: 195px;
    background: url('/system-modeler/industry-examples/img/callout-arrow-right.gif') no-repeat;
    padding-top: 43px;
}

.calloutRight .callout p {
    margin: 5px 10px 0 0;
}

.calloutRight .callout img {
    margin-right: 10px;
}

div.calloutWrap {
    position: relative;
    width: 195px;
}

.callout p.captionText {
    font-size: 12px;
    line-height: 16px;
    color: #313131;
}

.callout p.alt {
    margin-top: 9px;
}

.callout p.interact a {
    display: block;
    height: 30px;
    padding-left: 35px;
    line-height: 28px;
}

a#cdf-callout-1 {
    background: url('/system-modeler/img/popup-cdf-th_off.png') no-repeat 0px 2px;
}

a#cdf-callout-1.hover {
    background-image: url('/system-modeler/img/popup-cdf-th_on.png');
    color: #fe0500;
}

a#vid-callout-1 {
    background: url('/system-modeler/img/popup-video-th_off.png') no-repeat 0px 2px;
}

a#vid-callout-1.hover {
    background-image: url('/system-modeler/img/popup-video-th_on.png');
    color: #fe0500;
}

/* content cell */
.exampleTable td.contentCell {
    width: 550px;
}

table.contentTable {
    width: 550px;
    border-collapse: collapse;
}

/* shadows */
.contentTable td.topLeft {
    width: 25px;
    height: 25px;
    background: url('/system-modeler/industry-examples/img/shadow-tl.png') no-repeat;
}

.contentTable td.topMid1 {
    width: 167px;
    background: url('/system-modeler/industry-examples/img/shadow-tm.png') no-repeat top left;
}

.contentTable td.topMid2 {
    width: 166px;
    background: url('/system-modeler/industry-examples/img/shadow-tm.png') no-repeat top center;
}

.contentTable td.topMid3 {
    width: 167px;
    background: url('/system-modeler/industry-examples/img/shadow-tm.png') no-repeat top right;
}

.contentTable td.topRight {
    width: 25px;
    height: 25px;
    background: url('/system-modeler/industry-examples/img/shadow-tr.png') no-repeat;
}

.contentTable td.midLeft1 {
    background: url('/system-modeler/industry-examples/img/shadow-ml.png') no-repeat top left;
}

.contentTable td.midRight1 {
    background: url('/system-modeler/industry-examples/img/shadow-mr.png') no-repeat top right;
}

.contentTable td.midLeft2 {
    background: url('/system-modeler/industry-examples/img/shadow-ml.png') no-repeat center left;
}

.contentTable td.midRight2 {
    background: url('/system-modeler/industry-examples/img/shadow-mr.png') no-repeat center right;
}

.contentTable td.midLeft3 {
    background: url('/system-modeler/industry-examples/img/shadow-ml.png') no-repeat bottom left;
}

.contentTable td.midRight3 {
    background: url('/system-modeler/industry-examples/img/shadow-mr.png') no-repeat bottom right;
}

.contentTable td.botLeft {
    width: 25px;
    height: 30px;
    background: url('/system-modeler/industry-examples/img/shadow-bl.png') no-repeat;
}

.contentTable td.botMid1 {
    background: url('/system-modeler/industry-examples/img/shadow-bm.png') no-repeat bottom left;
}

.contentTable td.botMid2 {
    background: url('/system-modeler/industry-examples/img/shadow-bm.png') no-repeat bottom center;
}

.contentTable td.botMid3 {
    background: url('/system-modeler/industry-examples/img/shadow-bm.png') no-repeat bottom right;
}

.contentTable td.botRight {
    width: 25px;
    height: 30px;
    background: url('/system-modeler/industry-examples/img/shadow-br.png') no-repeat;
}

/* main */
.contentTable td.contentMainCell {
    width: 500px;
}

.contentMainCell div#contentMainOuter {
    border: 1px solid #cfcfcf;
    background: #fff;
}

.contentMainCell div#contentMainInner {
    position: relative;
}

.contentMainCell div#ContentImg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.contentMainCell div.contentHeight {
    border: none;
}

.contentMainCell a.thickbox {
    display: block;
    position: absolute;
    z-index: 100;
}

a#cdf-content-1 {
    background: url('/system-modeler/img/popup-cdf_off.png') no-repeat center center;
}

a#cdf-content-1.hover {
    background: url('/system-modeler/img/popup-cdf_on.png') no-repeat center center;
}

a#vid-content-1 {
    background: url('/system-modeler/img/popup-video_off.png') no-repeat center center;
}

a#vid-content-1.hover {
    background: url('/system-modeler/img/popup-video_on.png') no-repeat center center;
}

.contentMainCell div.caption {
    position: absolute;
    z-index: 4;
    font-size: 11px;
    line-height: 14px;
    font-style: italic;
    color: #666;
    text-align: right;
}

.exampleTable .footnote {
    position: relative;
    top: -15px;
    margin: 0 75px -15px 26px;
    font-size: 10px;
    line-height: 14px;
    color: #747474;
}


/* ##################################### */
/* #              SUBMENU              # */
/* ##################################### */

#compact-submenu {
}

#compact-submenu .submenu-breadcrumb {
    margin: 20px 0 3px 5px;
    color: #6c6c6c;
    font-size: 11px;
    line-height: 13px;
}

#compact-submenu .submenu-list {
    margin: 0 0 80px 5px;
}

ul.heirmenu, ul.heirmenu li.t1-item, ul.heirmenu li.t1-item ul.tier2, ul.heirmenu li.t1-item ul.tier2 li.t2-item {
    list-style: none;
    background: none;
    margin: 0;
    padding: 0;
}

ul.heirmenu li.t1-item {
    display: inline-block;
    float: left;
    height: 56px;
    border: none;
    background: none;
    font-size: 14px;
    line-height: 20px;
}

ul.heirmenu li.t1-item.hover {
    border: none;
    background: none;
}

body.examplesSub1 #compact-submenu ul.heirmenu li.item-1, body.examplesSub2 #compact-submenu ul.heirmenu li.item-2, body.examplesSub3 #compact-submenu ul.heirmenu li.item-3, body.examplesSub4 #compact-submenu ul.heirmenu li.item-4, body.examplesSub5 #compact-submenu ul.heirmenu li.item-5, body.examplesSub6 #compact-submenu ul.heirmenu li.item-6, body.examples-compact ul.heirmenu li.more {
    background: url('/system-modeler/industry-examples/img/subnav-arrow.gif') no-repeat bottom center;
}

ul.heirmenu li.t1-item a {
    color: #e40000 !important;
    font-weight: bold;
}

ul.heirmenu li.t1-item.hover a {
    color: #f57300 !important;
}

ul.heirmenu li.t1-item a span.chevron {
    color: inherit !important;
}

ul.heirmenu li.t1-divider {
    display: inline-block;
    float: left;
    padding: 0 8px;
    border: none !important;
    background: none !important;
    color: #a0a0a0;
    font-size: 14px;
    line-height: 20px;
}

ul.heirmenu li.t1-divider-has-sub {
    display: inline-block;
    float: left;
    padding: 0 0 0 8px;
    border: none !important;
    background: none !important;
    color: #a0a0a0;
    font-size: 14px;
    line-height: 20px;
}

ul.heirmenu li span.has-sub {
    position: relative;
    height: 20px;
    padding: 0 7px 3px 7px;
    border: 1px solid #fff;
    border-bottom: none;
    background: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
}

ul.heirmenu li span.has-sub.hover {
    border: 1px solid #d9d9d9;
    border-bottom: none;
    background: #f4f4f4 url('/system-modeler/industry-examples/img/dropdown-bg-on.png') no-repeat bottom right;
}

ul.heirmenu li.t1-item ul.tier2 {
    position: absolute;
    top: 100%;
    left: -1px;
    min-width: 100px;
    margin: 0;
    padding: 0;
    border: solid #d9d9d9;
    border-width: 0 1px 1px;
    white-space: nowrap;
    background:  #fff url('/system-modeler/industry-examples/img/dropdown-gradient.png') repeat-x;
    z-index: 500;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, .15);
}

ul.heirmenu li.t1-item ul.tier2 li.t2-item {
    min-width: 120px;
    border: none;
    border-top: 1px solid #e6e6e6;
    margin: 0;
    padding: 6px;
    background: none;
    color: #232323;
    font-size: 11px;
    line-height: 13px;
}

ul.heirmenu li.t1-item ul.tier2 li.t2-item.hover {
    background: #fff;
}

ul.heirmenu li.t1-item ul.tier2 li.t2-item a {
    color: #232323 !important;
    font-weight: normal;
}

ul.heirmenu li.t1-item ul.tier2 li.t2-item.hover a {
    color: #f57300 !important;
}

/* ##################################### */
/* #             COMPACT               # */
/* ##################################### */

body.examples-compact #TB_ajaxContent {
    margin: 0;
    padding: 0 0 0 15px;
    border: none;
}

body #TB_closeWindowButton {
    text-indent: 9999px;
}

body.examples-compact div#menuspace, body.examples-full div#menuspace {
    margin-top: 12px;
}

body.examples-compact div#topnav_wrap, body.examples-compact div#topnav, body.examples-full div#topnav_wrap, body.examples-full div#topnav {
    margin: 0 0 0 40px;
}

body.examples-compact div#topnav, body.examples-full div#topnav {
    width: auto;
}

body.examples-compact div#pageWrapper, body.examples-full div#pageWrapper {
    padding: 30px 0 0 60px;
}

div.compact-column-wrapper {
    width: 940px;
}

div.compact-intro {
    float: left;
    width: 614px;
    margin: 0 37px 30px 35px;
    color: #242424;
    font-size: 15px;
    line-height: 21px;
}

div.compact-download {
    width: 200px;
    float: left;
    margin: 0 0 0 31px;
}

div.compact-pod {
    float: left;
    width: 572px;
    margin: 0 0 60px 46px;
    border: 1px solid #cfcfcf;
    background: #f2f2f2;
    padding: 20px;
    -moz-box-shadow: 0px 3px 25px #b3b3b3;
    -webkit-box-shadow: 0px 3px 25px #b3b3b3;
    box-shadow: 0px 3px 25px #b3b3b3;
}

div.compact-sidebar {
    float: right;
    width: 258px;
}

body.examples-compact div.callout {
    position: relative;
    width: 250px;
    margin: 0 0 65px 0;
    padding-top: 43px;
    background: url('/system-modeler/industry-examples/img/callout-arrow-right.gif') no-repeat;
}

h3.compact-h3 {
    display: inline-block;
    margin: 10px 0 15px 0;
    padding: 0;
    color: #dd1100;
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;
}

div.compact-p {
    width: 572px;
    margin: 0 0 15px 0;
    color: #343333;
    font-size: 13px;
    line-height: 17px;
}

div.compact-video-wrapper {
    width: 570px;
    padding: 10px 0;
}

div.compact-video {
    margin: 0 auto;
    text-align: center;
}

div.compact-img-wrapper {
    width: 572px;
}
span.magnify {
    background: url('/system-modeler/img/magnifying-glass-small.png') no-repeat;
    width: 18px;
    height: 17px;
    display: inline-block;
    position: absolute;
    bottom: -10px;
    right: -11px;
    z-index: 10;
}
div.compact-img {
    position: relative;
    display: inline-block;
    background: #fff;
    width: 100%;
    border: 1px solid #bdbdbd;
}
div.compact-img a {
    width: 572px;
    display: inline-block;
}
a:hover span.magnify {
    background-position: 0 bottom;
}
div.compact-caption.magnify {
    padding: 0;
}

div.compact-img.no-caption {
    margin: 0 0 20px 0;
}

div.compact-caption {
    margin: 10px 0 20px 0;
    color: #636363;
    font-size: 11px;
    line-height: 15px;
    font-style: italic;
}

div.compact-caption.no-image {
    margin: 0 0 20px 0;
    color: #343333;
    font-size: 13px;
    line-height: 17px;
    font-style: normal;
}

div.compact-caption.no-top {
    margin: 0 0 20px 0;
}

a.compact-video-link {
    display: block;
    border: 1px solid #bdbdbd;
}

a.compact-video-link:link span, a.compact-video-link:active span, a.compact-video-link:visited span {
    display: block;
    width: 100%;
    height: 100%;
    background: url('/system-modeler/img/popup-video_off.png') no-repeat 50% 50%;
    cursor: pointer;
}

a.compact-video-link:link:hover span, a.compact-video-link:active:hover span, a.compact-video-link:visited:hover span {
    background: url('/system-modeler/img/popup-video_on.png') no-repeat 50% 50%;
}

div.compact-video-large {
    display: none;
}

a.compact-cdf-link {
    display: block;
    border: 1px solid #bdbdbd;
}

a.compact-cdf-link:link span, a.compact-cdf-link:active span, a.compact-cdf-link:visited span {
    display: block;
    width: 100%;
    height: 100%;
    background: url('/system-modeler/img/popup-cdf_off.png') no-repeat 50% 50%;
    cursor: pointer;
}

a.compact-cdf-link:link:hover span, a.compact-cdf-link:active:hover span, a.compact-cdf-link:visited:hover span {
    background: url('/system-modeler/img/popup-cdf_on.png') no-repeat 50% 50%;
}

div.compact-cdf-large {
    display: none;
}

div.compact-img-left {
    float: left;
    width: 277px;
}

div.compact-img-right {
    float: right;
    width: 277px;
}

div.compact-footer-wrapper {
    margin: 30px 0 0 0;
    background: url('/system-modeler/img/footer-bg.png') repeat-x;
    overflow: hidden;
}

div.compact-footer-wrapper {
    padding: 10px 0 40px 106px;
    zoom: 1;
}

body.examples-full div.compact-footer  {
    padding: 10px 0 0 223px;
}


div.footer-related {
    color: #696969;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
}

div.footer-list {
    float: left;
    width: 298px;
    margin: 20px 0 0 0;
}

div.footer-list.col-left {
    margin: 20px 18px 0 0;
}

div.footer-list.col-right {
}

div.footer-list div.list-title {
    padding: 0 0 4px 40px;
    color: #353535;
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

div.footer-list ul, div.footer-list ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.footer-list ul li {
    margin: 0 0 0 40px;
    background: none;
    padding: 5px 0;
    font-size: 13px;
    line-height: 15px;
}

div.footer-list a:link, div.footer-list a:active, div.footer-list a:visited {
    color: #4d4d4d;
}

div.footer-list a:link:hover, div.footer-list a:active:hover, div.footer-list a:visited:hover,
div.footer-list a:link:hover .chevron, div.footer-list a:active:hover .chevron, div.footer-list a:visited:hover .chevron {
    color: #f57300;
}


div#list-libraries {
    background: url('/system-modeler/industry-examples/img/icon-libraries.png') no-repeat;
    padding: 8px 0 0 0;
}

div#list-examples {
    background: url('/system-modeler/industry-examples/img/icon-examples.png') no-repeat;
    padding: 8px 0 0 0;
}

div#list-features {
    background: url('/system-modeler/industry-examples/img/icon-features.png') no-repeat;
    padding: 10px 0 0 0;
}

div#list-blogs {
    background: url('/system-modeler/industry-examples/img/icon-blogs.png') no-repeat left 7px;
    padding: 10px 0 0 0;
}

/* ##################################### */
/* #              FOOTER               # */
/* ##################################### */

div.compact-pod {
    float: left;
    width: 572px;
    margin: 0 0 60px 46px;
    border: 1px solid #cfcfcf;
    background: #f2f2f2;
    padding: 20px;
    -moz-box-shadow: 0px 3px 25px #b3b3b3;
    -webkit-box-shadow: 0px 3px 25px #b3b3b3;
    box-shadow: 0px 3px 25px #b3b3b3;
}

div.example-footer-margin {
    margin: 40px auto 30px auto;
}

body.examples-full div.example-footer-margin {
    margin: 40px 0 30px 223px;
}

div.example-footer-margin div.example-footer {
    border: 1px solid #e3e3e3;
    padding: 23px;
    background: #fff url('../industry-examples/img/example-footer-bg.png') repeat-x;
    -moz-box-shadow: 0px 1px 7px #e5e5e5;
    -webkit-box-shadow: 0px 1px 7px #e5e5e5;
    box-shadow: 0px 1px 7px #e5e5e5;
}

div.example-footer-margin div.example-footer-col-left {
    float: left;
    width: 298px;
}

div.example-footer-margin div.example-footer-col-right {
    float: left;
    width: 256px;
}

img.example-footer-icon {
    float: left;
    margin: 0 15px 0 0;
}

div.example-footer-download-wrapper {
    float: left;
    width: 218px;
}

img.example-footer-download {
    float: left;
    margin: 0 0 10px 0;
}

table.example-footer-table td div.button {
    margin: 0 5px 0 0;
}

table.example-footer-table td div.button a:link, table.example-footer-table td div.button a:visited, table.example-footer-table td div.button a:active, table.example-footer-table td div.button a:link:hover, table.example-footer-table td div.button a:visited:hover, table.example-footer-table td div.button a:active:hover {
    color: #fff !important;
}

a.example-footer-question:link, a.example-footer-question:active, a.example-footer-question:visited {
    display: block;
    width: 256px;
    height: 38px;
    background: url('../industry-examples/img/example-footer-question.png') no-repeat left top;
}

a.example-footer-question:link:hover, a.example-footer-question:active:hover, a.example-footer-question:visited:hover {
    background-position: left bottom;
}

div#exampleBotnav {
    width: 934px;
    margin: 40px 6px 0 0;
    padding-top: 5px;
    border-top: 1px solid #ccc;
    font-size: 12px;
    color: #747474;
}

#exampleBotnav div {
    margin-bottom: 25px;
}

#exampleBotnav div.prevLink {
    float: left;
}

#exampleBotnav div.nextLink {
    float: right;
    text-align: right;
}

#exampleBotnav a {
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}

div#exampleFooter {
}

#exampleFooter .podContainer {
    margin-bottom: 0;
}

#exampleFooter #infoPod {
    float: left;
    width: 612px;
}

#infoPod .podBG {
    padding: 21px 15px 20px;
}

#infoPod img {
    float: left;
}

#infoPod table {
    float: right;
}

#infoPod div.button {
    margin: 0;
}

#infoPod div.button span.buttonRight {
    /*font-weight: normal;*/
}

#exampleFooter #contactPod {
    float: right;
    width: 320px;
}

#contactPod .podBG {
    padding: 13px 15px;
}

#contactPod img {
    float: left;
}

/* ##################################### */
/* #                ETC                # */
/* ##################################### */

body#examples div.hide {
    display: none;
}
#TB_window {
    z-index: 100000000000000000000000000000;
}
#TB_overlay {
    z-index: 1000000000000;
}
/* more thickbox overrides (no plugin "view full" link) */
#TB_window h2 {
    margin-top: 5px !important;
    padding: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
    text-align: center;
}

#TB_window p {
    margin: 15px 0 0 !important;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 15px;
    color: #313131;
    text-align: center;
}

#TB_window table p {
    margin: 20px 0 0!important;
    padding: 0;
    font-size: 12px;
    line-height: 13px;
    color: #6d6d6d;
    text-align: left;
}

#TB_window .giantbutton {
    margin: 7px 0 0 !important;
}

#TB_window div.giantbutton span.giantbuttonLeft {
    width: 10px;
}

#TB_window div.giantbutton span.giantbuttonRight {
    width: 175px;
    font-size: 14px;
    padding-right: 10px;
    font-weight: normal;
    text-align: center;
}

#TB_window div.giantbutton span.giantbuttonRight a, #TB_window div.giantbutton span.giantbuttonRight a:link, #TB_window div.giantbutton span.giantbuttonRight a:visited, #TB_window div.giantbutton span.giantbuttonRight a:hover, #TB_window div.giantbutton span.giantbuttonRight a:visited:hover {
    display: inline-block;
    line-height: 17px;
    margin-top: 10px;
    color: #fff;
}


/* ##################################### */
/* #         CENTERING CONTENT         # */
/* ##################################### */

#examples #exampleNav, #examples .exampleTable {
    width: 942px;
    margin: 0;
    text-align: left;
}
h1 {
    margin: 20px auto;
    text-align: left;
    color: #dd1100;
    font-weight: 400;
    font-size: 45px;
    line-height: 50px;
    text-align: left;
}
#examples div#topnav_wrap {
    margin: 0 auto;
    width: 990px;
    text-align: left;
}
#examples div#topnav {
    width: 993px;
    margin: 1px auto 0;
    text-align: left;
}
#examples .compact-footer {
    width: 688px;
    margin: 0 auto;
    text-align: left;
    _width: 708px;
}
#examples div.example-footer-width {
    width: 580px;
    _width: 610px;
    margin: 0 auto;
    text-align: left;
}
#examples div.example-footer {
    width: 570px;
    _width: 600px;
}
#examples.examples-compact div.compact-footer {
    width: 960px;
    text-align: left;
}
#examples.examples-compact div.example-footer-width {
    width: 850px;
}
#examples .compact-column-wrapper {
    margin: 0 auto;
}
#examples #pageWrapper {
    padding-left: 0;
    text-align: left;
    overflow: hidden;
    padding: 30px 0 0;
    width: 1015px;
    margin: 0 auto;
}

#TB_iframeContent {
    margin-bottom: 0;
    _margin-bottom: 0;
}


#alert-1 {
    display: none !important;
}

#examples.examples-compact #pageWrapper {
    width: inherit;
}

#examples.examples-compact .callout-container {
    position: relative;
}

#examples.examples-compact .callout-container .callout-left {
    position: absolute;
    left: -240px;
    width: 195px;
    top: -7px;
    border: 0px solid;
    padding-top: 43px;
    background: url('/system-modeler/industry-examples/img/callout-arrow-left.gif') no-repeat top right;
}

#examples.examples-compact .callout-container .callout-right {
    position: absolute;
    right: -240px;
    width: 195px;
    top: -7px;
    border: 0px solid;
    padding-top: 43px;
    background: url('/system-modeler/industry-examples/img/callout-arrow-right.gif') no-repeat top left;
}

#examples.examples-compact .callout-container p.alt {
    margin-top: 9px;
}

#examples.examples-compact .callout-container p.captionHeading {
	margin:0px;
	font-size:12pt;
	font-family:'Walter Turncoat';
	font-weight:400;
}

#examples.examples-compact .callout-container p.captionText {
    font-size: 12px;
    line-height: 16px;
    color: #313131;
}

#examples.examples-compact .form-box {
	vertical-align:text-bottom;
}