/*
* This Stylesheet is used to set the layout of the site, also used by the RadEditor so that the same
* layout is shown in the editor while working in it.  -- .RadEContentContainer 
*/
.templateWrapper { width: 690px !important; }
.art-body .templateWrapper { max-width:100%; }
.radEContentRightBorder { background: #fff url('../../Images/tool/bg_radEContentBorder.gif') 690px 0px repeat-y; }
.templateMargins { margin: 0; }

/*
* Settings below is used in 'edit-mode' in the RadEditor.
* These settings must be located in this file!
*/
.editTableBorders form { background-color: #efefef; border: 1px dashed #555555; }

/* Not used/read by IE-browsers */
html>body .editTableBorders table  { border-bottom: #999 1px dashed; border-right: #999 1px dashed; }
html>body .editTableBorders table td { border-left: #999 1px dashed; border-top: #999 1px dashed; 	padding: 1px; }
html>body .editTableBorders table th { border-left: #000 1px dashed !important; border-top: #000 1px dashed !important; padding: 1px; }

/* Fixes for RadEditor */
.editTableBorders p[align="left"] { text-align: left !important; }
.editTableBorders p[align="center"] { text-align: center !important; }
.editTableBorders p[align="right"] { text-align: right !important; }

/* 
* SITE SPECIFIC CSS 
*/
.siteCSS.theme0 h1  {
    /* Making the text edges smoother - Mostly for Chrome! */
    opacity: 0.9;
}
.artisan .siteCSS.theme0 h1,
.artisan .siteCSS.theme1 h1  {
    /* ARTISAN */
    color:#101010;
}
.siteCSS.theme0 h2,
.h2,
.siteCSS.theme14 h2,
.siteCSS.theme0 h3,
.siteCSS.theme0 h4,
.siteCSS.theme0 h5,
.siteCSS.theme0 h6 {
    opacity: 1;
    text-shadow: 0.0em 0.0em 0.044em rgba(0,0,0,0.3);
}
.h2 {
    /* Copy the layout from ".siteCSS.theme0 h2" */
    color: #2b2b2b;
    font-family: RobotoLight;
    font-size: 27px; 
    line-height: 32px; 
    text-align: left;
    font-weight: 400;
    font-style: normal; 
    text-decoration: none; 
    padding: 9px 0px 7px 0px; 
    margin: 0px 0px 0px 0px;
}
.siteCSS.theme0 p b,
.siteCSS.theme0 p strong {
    /* Change color for better balance with the headers */
    color: #545454;
}
/* Special H2 - Trailing / Leading border line */
#site-body.start .siteCSS.theme0 h2,
#site-body.start .siteCSS.theme14 h2,
#site-body.start .h2,
.ig-wrp .ig-bnr-wrp h2,
.NavGroupLevel0 .h2,
.ct-cust-ref h2,
h2.line {
    overflow: hidden;
    text-align: left;
}
#site-body.start .siteCSS.theme0 h2:after,
#site-body.start .siteCSS.theme14 h2:after,
#site-body.start .h2:after,
.ig-wrp .ig-bnr-wrp h2:after,
.NavGroupLevel0 .h2:after,
.ct-cust-ref h2:after,
h2.line:after  {
    background-color: #c8c8c8;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 100%;
    left: 0.5em;
    margin-right: -100%;
}
.NavGroupLevel0 .h2:after  { background-color: #818080; }
.ig-wrp .ig-bnr-wrp h2:after  { background-color: #CED8E0; }
#site-body.start .siteCSS.theme0 .st-fff h2:after,
#site-body.start .siteCSS.theme0 .st-products h2:after,
#site-body.start .siteCSS.theme0 .ct-cnp h2:after,
.art15-01 #site-body.start .siteCSS .st-4col-h2-p h2::after { /* ###### ART15-01 ###### */
    display: none;
}
h2.no-line:after,
.h2.no-line:after {
    display: none !important;
}
/*
.siteCSS.theme0 .ct-sec.even h2:before {
    background-color: #c8c8c8;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 100%;
    right: 0.5em;
    margin-left: -100%;
}*/
/* START layout specific */
#site-body.start .siteCSS.theme0 h1 {
    font-size: 37px;
    line-height: 38px;
    margin-bottom: 0.3em;
    margin-top: 0.6em;
}
#site-body.start .siteCSS h2,
#site-body.start .h2 {
    font-size: 29px;
    line-height: 34px;
    margin-bottom: 0.5em 14.5px;
}
/* ###### ART15-01 ###### */
.art15-01 #site-body.start .siteCSS h2,
.art15-01 #site-body.start .h2 {
    font-size: 22px;
    line-height: 29px;
    color:#323438;
}
.art15-01 #site-body.start .theme0 p { /* TODO: Move to WP */
    line-height: 21px;
    color:#666;
}
.art15-01 #site-body.start .siteCSS .st-4col-h2-p h2,
.siteCSS .st-4col-h2-p h2 {
    font-size: 18px;
    line-height: 23px;
    color:#000;
    padding: 0;
    margin: 3px 0 6px;
}
#site-body.start .browser-width > .start-template.t-try-site h2 {
    font-size: 2.1em;
}
#site-body.start .siteCSS.theme0 p.preamble {
    margin-bottom: 0.8em;
    line-height: 1.5;
}
/* CONTENT layout specific */
#site-body .siteCSS.theme0 .ct-cnp h2 {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
    margin: 0 0 0 0;
    padding: 0 0 0.1em 0;
    opacity: 1;
    text-shadow: none;
    color: #525252;
}
#site-body .siteCSS.theme0 .ct-cnp p,
#site-body .siteCSS.theme0 .ct-cnp a:link,
#site-body .siteCSS.theme0 .ct-cnp a:visited,
#site-body .siteCSS.theme0 .ct-cnp a:hover,
#site-body .siteCSS.theme0 .ct-cnp a:active {
    font-family: Arial;
    font-size: 12px;
    line-height: 17px;
    margin: 0 0 0 0;
    padding: 0 0 0.1em 0;
    color: #555;
}
#site-body .siteCSS.theme0 .h2-small h2,
.ct-docs .sec-1 > h2 {
    font-size: 22px;
}
/* CONTENT - .h2 used for Responsive Left navigation root node */
.NavGroupLevel0 .h2 {
    font-size: 20px;
    color: #000;
    opacity: 1;
    padding-bottom: 0.3em;
}
/* EZ - Core Facility Management */
.content .siteCSS.theme14 h2 {
    font-size:23px; /* Use same layout as ".siteCSS.theme0" */
    line-height:28px;
}

/* Linked and/or oversized images */
a img { border: none; }
img { max-width: 100%; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }

/* Clearfix */
.clearfix:before, 
.clearfix:after,
.art15-01 .cnp .newsWrp:before,
.art15-01 .cnp .newsWrp:after,
.ig-sec:before,
.ig-sec:after {
    content: "";
    display: table;
}
.clearfix:after,
.art15-01 .cnp .newsWrp:after,
.ig-sec:after {
    clear: both;
}
.clearfix,
.art15-01 .cnp .newsWrp,
.ig-sec {
    zoom: 1;
}

/* Position elements off-screen if they should not be visible but still be read by screen-readers */
.structural { left: -9999em; position: absolute; top: -9999em; }
.sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}