/* swe styles dropdown manipulation */

.-text-------- {}
.intro {}
.line {}
.note {}
.u {}
.nowrap {}
.button {}
.button-small {}
.-image-------- {}
.left {}
.right {}
.icon {}
.border {}
.left-border {}
.right-border {}
.-faq-------- {}
.closed {}
.dtbold {}
.-table-------- {}
.twocolumn {}
.form {}
.properties {}
.-div-------- {}
.clear {}
.block {}
.noblock {}
.atooltip {}
.tooltip {}
.linklist {}
.flush {}
.-other-------- {}
.noclass {}
._________________________ {}

/* generic elements */
body { font-family: Verdana, sans-serif; font-size: 11px; line-height: 16px; margin: 0; padding: 0; text-align: center; }

.swe, .swe th, .swe td, .swe li, .swe dt, .swe dd { font-family: Verdana, sans-serif; font-size: 11px; text-align: left; }
.swe p,    .swe-p    { font-size: 11px; font-weight: normal; margin: 0 0 12px 0; }
.swe h1,   .swe-h1   { font-size: 22px; font-weight: normal; margin: 0 16px; padding: 6px 0; }
.swe h2,   .swe-h2   { font-size: 15px; font-weight: normal;   margin: 0 0 15px 0; }
.swe h3,   .swe-h3   { font-size: 15px; font-weight: normal;   margin: 0 ; padding: 2px 6px 10px 6px; color: white; }
.swe h4,   .swe-h4   { font-size: 12px; font-weight: bold;   margin: 0 0 12px 0; }
.swe h5,   .swe-h5   { font-size: 11px; font-weight: bold;   margin: 0 0 11px 0; }
.swe h6,   .swe-h6   { font-size: 10px; font-weight: bold;   margin: 0 0 10px 0; }
.swe pre,  .swe-pre  { font-family: Courier; text-align: left; }
.swe div,  .swe-div  { margin: 0; }
.swe span, .swe-span { margin: 0; }
.swe h2.with-subtitle { margin: 0 0 4px 0; }
.page-drainage a.button { display: inline-block; padding: 4px 6px; margin: 2px 0 4px 0; font-size: 10px; text-align: center; color: white; background: url('/style/drainage/homebutton-bck.png') top left no-repeat; position: relative; width: 304px; height: 22px;}
.page-drainage a.button-small { display: inline-block; padding: 4px 6px; margin: 2px 0 4px 0; font-size: 10px; text-align: center; color: white; background: url('/style/drainage/homebutton-bck-small.png') top left no-repeat; position: relative; width: 288px; height: 22px;}
.page-drainage .block { position: relative; padding: 10px 16px; border: 1px solid #faba89; background: #fdeee1; }
.page-drainage hr { border: 0; border-top: 1px solid #fddfc8; border-bottom: 1px solid white; margin-bottom: 12px; }
.snippet-drainage { background: #41b6c3; position: relative; }
.snippet-drainage hr { border: 0; border-top: 1px solid #198792; border-bottom: 1px solid #6bc3cf; margin: 0 6px 10px; }
.snippet-drainage.block { background: #6bc3cf; }
.snippet-drainage.block hr { border: 0; border-top: 1px solid #60afba; border-bottom: 1px solid #7ac9d4; margin: 0 0 10px; }
.snippet-drainage a.button { display: inline-block; padding: 10px 45px 10px 10px; width: 198px; height: 20px; margin-bottom: 4px; font-size: 13px; color: #198792; background: #e3eef0 url('/style/drainage/sidebutton-bck.gif') top left no-repeat; position: relative; }
.page-drainage .linklist { z-index: 3; position: relative; border: 1px solid #d09466; }
.page-drainage .linklist h2 { background: #f5822b url('/style/drainage/linklist-title-bck.gif') top left repeat-x; color: white; padding: 6px 10px; margin: 0; height: 17px; }
.page-drainage .linklist ul { margin: 0; padding: 0; }
.page-drainage .linklist ul li { margin: 0; padding: 4px 10px 4px 29px; border-top: 1px solid #f0b282; list-style-type: none; background: #faba89; text-indent: -19px; }
.page-drainage .linklist ul li:hover { background: #f8d2b5; }
.page-drainage .linklist ul li a { margin-left: 6px;  }
.page-drainage .linklist ul li a img { display: none; }
.page-drainage .linklist p { margin: 0; padding: 6px 10px 12px 10px; background: #faba89; }
.page-drainage .linklist .br { position: absolute; bottom: -7px; right: -7px; z-index: 2; _display: none; }
.page-drainage .linklist div.shadow-b { position: absolute; bottom: -7px; left: -1px; height: 6px; width: 100%; background: url('/style/drainage/shadow-b.gif') top left repeat-x; z-index: 2; _left: -1000px; }
.page-drainage .linklist div.shadow-r { position: absolute; top: -1px; right: -7px; width: 6px; height: 100%; background: url('/style/drainage/shadow-r.gif') top left repeat-y; z-index: 2; _left: -1000px; }
.page-drainage .linklist { width: 192px; float: left; margin-right: 28px; }
.page-drainage .linklist.flush { margin-right: 0; }
.page-drainage .block .linklist { float: none; position: absolute; bottom: -1px; right: -1px; _bottom: auto; _top: 0; _right: 6px; margin-right: 0px; }
.page-drainage .margin-right { margin-right: 192px;  }
.page-drainage div.atooltip { margin-bottom: 10px; }
.page-drainage div.tooltip { border: 2px solid #f5822b; background: white; padding: 2px; width: 240px; }
.page-drainage div.tooltip img { float: left; margin-right: 6px; }

.page-pressure a.button { display: inline-block; padding: 4px 6px; margin: 2px 0 4px 0; font-size: 10px; text-align: center; color: white; background: url('/style/pressure/homebutton-bck.png') top left no-repeat; position: relative; width: 304px; height: 22px;}
.page-pressure a.button-small { display: inline-block; padding: 4px 6px; margin: 2px 0 4px 0; font-size: 10px; text-align: center; color: white; background: url('/style/pressure/homebutton-bck-small.png') top left no-repeat; position: relative; width: 288px; height: 22px;}
.page-pressure .block { position: relative; padding: 10px 16px; border: 1px solid #b6b6b6; background: #e9e9e9; }
.page-pressure hr { border: 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid white; margin-bottom: 12px; }
.snippet-pressure { background: #868686; position: relative; }
.snippet-pressure hr { border: 0; border-top: 1px solid #797979; border-bottom: 1px solid #a0a0a0; margin: 0 6px 10px; }
.snippet-pressure.block { background: #a0a0a0; }
.snippet-pressure.block hr { border: 0; border-top: 1px solid #7a7a7a; border-bottom: 1px solid #bcbcbc; margin: 0 0 10px; }
.snippet-pressure a.button { display: inline-block; padding: 10px 45px 10px 10px; width: 198px; height: 20px;margin-bottom: 4px; font-size: 13px; color: #7a7a7a; background: #e9e9e9 url('/style/pressure/sidebutton-bck.gif') top left no-repeat; position: relative; }
.page-pressure .linklist { z-index: 3; position: relative; border: 1px solid #a2a2a2; }
.page-pressure .linklist h2 { background: #787878 url('/style/pressure/linklist-title-bck.gif') top left repeat-x; color: white; padding: 6px 10px; margin: 0; height: 17px; }
.page-pressure .linklist ul { margin: 0; padding: 0; }
.page-pressure .linklist ul li { margin: 0; padding: 4px 10px 4px 29px; border-top: 1px solid #c0c0c0; list-style-type: none; background: #c8c8c8; text-indent: -23px; }
.page-pressure .linklist ul li:hover { background: #d9d9d9; }
.page-pressure .linklist ul li a { margin-left: 6px;  }
.page-pressure .linklist ul li a img { display: none; }
.page-pressure .linklist p { margin: 0; padding: 6px 10px 12px 10px; background: #c8c8c8; }
.page-pressure .linklist .br { position: absolute; bottom: -7px; right: -7px; z-index: 2; _display: none; }
.page-pressure .linklist div.shadow-b { position: absolute; bottom: -7px; left: -1px; height: 6px; width: 100%; background: url('/style/pressure/shadow-b.gif') top left repeat-x; z-index: 2; _left: -1000px; }
.page-pressure .linklist div.shadow-r { position: absolute; top: -1px; right: -7px; width: 6px; height: 100%; background: url('/style/pressure/shadow-r.gif') top left repeat-y; z-index: 2; _left: -1000px; }
.page-pressure .linklist { width: 192px; float: left; margin-right: 28px; }
.page-pressure .linklist.flush { margin-right: 0; }
.page-pressure .block .linklist { float: none; position: absolute; bottom: -1px; right: -1px; _bottom: auto; _top: 0; _right: 6px; margin-right: 0px; }
.page-pressure .margin-right { margin-right: 192px;  }
.page-pressure div.tooltip { border: 2px solid #f5822b; background: white; padding: 2px; width: 240px; }
.page-pressure div.tooltip img { float: left; margin-right: 6px; }

.swe a div.tooltip { text-decoration: none; color: black; margin-bottom: 10px;}

.swe a { color: black; }
.swe a img { border: 0; }
.swe img.border { border: 1px solid #faba89; }
.swe ul, .swe ol { margin: 0 0 10px 20px; padding: 0; }
.swe table { border: 1; border-collapse: collapse; border-spacing: 0; margin: 0 0 10px 0; }
.swe td { padding: 2px; border: 0; }
.mceContentBody td { border: 1px solid #cccccc; }

a { color: black; text-decoration: none; }
a:hover { text-decoration: underline; }
a.u { text-decoration: underline; }
a img { border: 0; }
img.icon { vertical-align: middle; }
.clear { width: 270px; display: inline-block; height: 0px; margin: 0; padding: 0; }
p.intro { font-weight: bold; }
p.note { font-style: italic; }
.swe p.line { font-weight: bold; margin: 0; }

.swe dl { margin: 0; padding: 0; }
.swe dt { line-height: 20px; font-size: 11px; font-weight: normal; font-style: italic; cursor: pointer; margin-left: 28px; text-indent: -24px; }
.swe .dtbold { line-height: 32px; font-size: 14px; font-weight: bold; font-style: normal; }
.swe dt img.icon { padding: 0 8px 3px 0; }
.swe dt img { vertical-align: middle; padding: 0 4px 7px 0; }
.mceContentBody dt.closed { text-decoration: underline; }
.swe dd { margin-left: 28px; }
.closed {}

.nowrap { white-space: nowrap; }
.left { float: left; position: relative; margin: 0 6px 6px 0; }
.right { float: right; position: relative; margin: 0 0 6px 6px; }
.swe img.border { border: 1px solid #faba89; }
.swe img.left-border { float: left; position: relative; margin: 0 6px 6px 0; border: 1px solid #faba89; }
.swe img.right-border { float: right; position: relative; margin: 0 0 6px 6px; border: 1px solid #faba89; }
.swe .page-pressure img.border { border: 1px solid #faba89; }
.swe .page-pressure img.left-border { border: 1px solid #faba89; }
.swe .page-pressure img.right-border { border: 1px solid #faba89; }

.swe table.form { border: 0; }
.swe table.properties { border: 1px solid #faba89;}
.swe table.properties td { border: 1px solid #faba89;}

/* portal */
.portal .block { background: #f5f5f6; border: 1px solid #ced0d2; position: relative; margin: 0 25px 10px 10px; padding: 10px; }
.portal .block p { margin: 16px 0 6px 0; }
.portal .block p img { border: 2px solid white; }
.portal .block img.logo { border: 0; margin-right: 10px; }
.portal .footer p { margin: 0; }
.portal .footer p img { float: left; }