@font-face {
    font-family: "AltoPro-Bold";
    font-style: normal;
    font-weight: normal;
    src: url("http://d2whgtudg2hrtn.cloudfront.net/5AFAB79E-F42A-6106-43DC-E9CF6B4B3F51.iot.fwoff.v8.sAL2.h0.o0?Expires=1359716281&Signature=f3bqoF3jHibZPbFGzXQTjyt0uNNR-yIctjcbqcyPXR3wqqzbxcNTpiFl4elo9PUJUlAPX9qb6EC9LOeJFrHXlvnzCn3jP~G3mmcCcy52RHXMl3w1oZK0ArNDcRlwk543114ORHIUbiOErwotHzNOEcZbQON5-0DX3EvyW4idmHs_&Key-Pair-Id=APKAIRPJ6HGXMNBFEG4A") format("woff");
}
@font-face {
    font-family: "AltoPro-Black";
    font-style: normal;
    font-weight: normal;
    src: url("http://d2whgtudg2hrtn.cloudfront.net/36091B84-0309-838D-72E7-BD4D64FBCB67.iot.fwoff.v8.sAL2.h0.o0?Expires=1359725236&Signature=DGk8cvp8DMEa0rWEBmuSamtvHuBKzgQdQvFUbLFuPjgLeogPv8b75xJYnS6L~JLOq8Q8TguniRttKbPTixAaCr-ECSVukL4xSr0Dxp~94fqCq3Qjl078Z3vd3NK1QaocE07ZdDsmzocGU3gCH95BFXmDrvta4ZdlC9GfjbHv3M0_&Key-Pair-Id=APKAIRPJ6HGXMNBFEG4A") format("woff");
}
@font-face {
    font-family: "AltoPro-Normal";
    font-style: normal;
    font-weight: normal;
    src: url("http://d2whgtudg2hrtn.cloudfront.net/916E167A-E7A8-0634-4302-DCB4DCCCA4E3.iot.fwoff.v8.sAL2.h0.o0?Expires=1359716281&Signature=fwrkIgcLwOxzDIOE234FFKB4oHYi3v1wM4SbIxb9wFHF2XoYqeg7Kcux2HO9WhI3ck8sPGqCd4jmcpANhIBescRkBHJ-anAbl458J2j0BnQxr8gdSCCFi-5~XkdOVEsxWnEzpx8Eg12-kTjB5vdamkK7DRJFIZUXTTuwuq4YL04_&Key-Pair-Id=APKAIRPJ6HGXMNBFEG4A") format("woff");
}
@font-face {
    font-family: "AltoPro-Light";
    font-style: normal;
    font-weight: normal;
    src: url("http://d2whgtudg2hrtn.cloudfront.net/A9F1ADF8-A1F8-6FBD-CF74-FEDA8359FEAF.iot.fwoff.v8.sAL2.h0.o0?Expires=1359721939&Signature=hTC5iST60aMNVvo0tKNZ1cEC0LPZPq9Tfsj-UmldzIT57Mugy8s35yWXAMYexfj-60W0zNRrJE3NGheGiV22BKv2CDL-2f1gpoeMWG3JmNijOCLD-3MPmo7RRC1lyha~2J8ZmByL9-v4VdZTxPfNODjKTXEQB9mquYGUHypRVe4_&Key-Pair-Id=APKAIRPJ6HGXMNBFEG4A") format("woff");
}

ul {
    list-style: none outside none;
}

ul.bullet
{
  list-style-type: disc;
}

.notes ol
{
  padding-top: 10px;
  padding-left: 20px;
  list-style
}

.notes ol li
{
  font-size: 0.8em;
}

*
{
  padding: 0px;
  margin: 0px;
  font-family: "AltoPro-Normal",sans-serif;
  font-size: 16px;
}

a:link, 
a:visited {
  border-color: #01B86D;
  color: #01B86D;
}

a:hover, 
a:focus, 
a:active{
  border-color: #019357;
  color: #019357;
}

a {
  border-bottom: 1px dotted #01B86D;
  color: #01B86D;
  outline: 0 none;
  text-decoration: none;
}

.bold
{
  font-family: "AltoPro-Bold",sans-serif;
}

table
{
  border-spacing: 0;
  border-collapse: collapse;
  border-style: none;
}


table th,
table tr,
table td
{
  border-style: none;
}

table th,
table td
{
  padding-left: 5px;  
  padding-right: 5px;
}

table.grid th,
table.grid td
{
  border-left: solid 1px #ccc;
}

table.grid th:first-child,
table.grid td:first-child
{
  border-left: none;
}

table th
{
  color: #094D8E;
  padding-bottom: 3px;
  border-bottom: solid 1px #ccc;
  font-weight: normal;
  text-align: left;
}

table.grid tr:hover td
{
  background-color: #ECF3F0;
}

table th.center,
table td.center
{
  text-align: center;
}

table th.right,
table td.right
{
  float: none;
  text-align: right;
}

body
{
  background-color: White;
  color: #000000;
  height: 100%;
  color: #333333;
  line-height: 1.5;
}

.fullheight
{
  height: auto !important;
  min-height: 100%;
}

#febelco {
  position: absolute;
  left: 110px;
  top: 20px;
  display: block;
}

#version
{
  display: none;
  padding-top: 85px;
  float: right;
}

#version span
{
  color: #666;
  font-size: 0.7em;
}

#navigation {
  position: absolute;
  right: 0;
  top: 101px;
  display: block;
}

#navigation ul
{
  background-color: #01B86D;
  float: right;
  width: 820px;
  display: block;
}

#navigation ul li
{
  float: left;
  list-style: none outside none;
}

#navigation ul li a {
  border-bottom: medium none;
  color: white;
  display: block;
  padding: 10px 20px 8px;
  text-transform: uppercase;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
}

#navigation ul li a:hover,
#navigation ul li a.selected
{
  background-color: #019357;
}

#wrapper {
  margin: 0 auto;
  position: relative;
  width: 930px;
}

#header
{
  height: 172px;
  margin-top: 6px;
  width: 100%;
}

#language {
  float: left;
}
#language ul {
  overflow: hidden;
}
#language ul li.selected {
  background-color: #094D8E;
  border-radius: 3px 3px 3px 3px;
  color: white;
}

#language ul li {
  list-style: none outside none;
  border-bottom: medium none;
  color: #858680;
} 

#language ul li span,
#language ul li a
{
  font-size: 14px;
  padding: 5px 7px;
  text-transform: uppercase;
}

#headerBlock {
  position: absolute;
  right: 0;
  top: 0;
}

.login
{
  float: left;
  margin-right: 12px;
}

select,
input[type="text"],
input[type="password"],
textarea
{
  background-color: #FFFFFF;
  border-color: #AAAAAA #BBBBBB #BBBBBB;
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px;
  color: #094D8E;
  margin: 0;
}

.loginform .instructiontext
{
  width: 230px;
  text-align: left;
}

.loginform tbody tr td,
.loginform tr td
{
  padding: 3px;
}

.loginform td.label
{
  text-align:left;
  width: 100px;
}

.loginform .login
{
  text-align:left;
}

select[disabled],
input[type="text"][disabled],
input[type="text"][readonly='readonly']
{
  background-color: #eee;
  color: #666;
}

select option
{
  margin-right: 10px;
}

input[type="submit"],
.login a
{
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #eee;
  background: linear-gradient(#FFFFFF, #DBD9D6) repeat scroll 0 0 transparent;
  border-color: #DDDDDD;
  border-image: none;
  border-radius: 3px 3px 3px 3px;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  box-shadow: 0 1px 0 0 #DDDDDD, -1px -1px 0 0 rgba(0, 0, 0, 0.1) inset;
  color: #666666;
  display: block;
  font-family: "AltoPro-Normal",sans-serif;
  font-size: 14px;
  padding: 1px 12px;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
}

#meta 
{
  left: 0;
  position: absolute;
  top: 0;
}
#meta ul li 
{
  float: left;
}

#meta ul li a
{
  padding: 3px 12px 3px 0;
  font-size: 14px;
  border-bottom: medium none;
  border-right: 1px solid #D5D5D5;
  color: #858680;
  display: block;
  font-family: "AltoPro-Normal",sans-serif;
}

#logo {
  float: left;
  margin-top: 42px;
  height: 103px;
  width: 85px;
}

#logo a
{
  text-decoration: none;
  border-bottom: none;
}

#logo img
{
  border: none;
}

h1, h2, h3 
h1 span, h2 span, h3 span
{
    font-weight: 400;
    line-height: 1;
}

h1 ,
h1 span
{
    color: #333333;
    font-family: "AltoPro-Black",sans-serif;
    font-size: 36px;
    padding: 0 0 24px;
}

h2, 
h2 span
{
    color: #094D8E;
    font-size: 21px;
    padding: 0 0 6px;
}

h3,
h3 span
{
    color: #094D8E;
}

#footer {
  border-top: 1px solid #D7D5D2;
  margin-top: 18px;
  overflow: hidden;
  padding: 32px 0 16px;
  width: 100%;
}

#footer ul 
{
  float: left;
  padding-top: 22px;
}

#footer ul li {
    float: left;
}

#footer ul li:first-child a {
    padding: 3px 12px 3px 0;
}
#footer ul li a {
    border-bottom: medium none;
    border-right: 1px solid #D5D5D5;
    color: #3C3C39;
    display: block;
    font-family: "AltoPro-Normal",sans-serif;
    font-size: 14px;
    padding: 3px 12px;
}

#footer ul li:last-child a {
    border-right: medium none;
}

#footer div
{
  line-height: 1.4;
  text-align: right;
}

.left
{
  float: left;
}

.right
{
  float: right;
}

.clear 
{
  clear: both;
}

.error
{
  color: black;
  width: auto;
  padding: 5px;
  margin-bottom: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #FF0000;
  background-color: #FF8080;
}

span.error
{
  display: block;
}

span.error:empty
{
  display: none;
}

.info
{
  color: black;
  width: auto;
  padding: 5px;
  margin-bottom: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #ffdd00;
  background-color: #ffffcc;
}

.toolbar div
{
  float: left;
  margin-top: 5px;
  display: inline;
}

.toolbar div a
{
  display: inline;
  border-left: 1px solid #ccc;
}

.toolbar div:first-child a
{
  border-left-style: none;
}

.linkbutton
{
  padding: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
  white-space: nowrap;
  display: inline;
}

.linkbutton a
{
  display: inline;
  padding: 0px;
  margin: 0px;
  margin-left: 5px;
  padding-left: 18px;
  background-position:left center; 
  background-repeat:no-repeat;
  padding-top: 1px;
  padding-bottom: 1px;
}

.linkbutton a,
.linkbutton a span
{
  cursor: pointer;
}

.linkbutton img
{
  display: inline;
  padding: 0px;
  margin: -3px;
}

.linkbutton a span
{
  display: inline;
}

.icon-add
{
  background-image: url("../images/add.png");
}

.icon-resend-mail
{
  background-image: url("../images/resend-mail.png");
}

.icon-reset
{
  background-image: url("../images/reset.png");
}

.icon-stats
{
  background-image: url("../images/stats.png");
}

.icon-accept
{
  background-image: url("../images/accept.png");
}

.icon-cancel
{
  background-image: url("../images/cancel.png");
}

.icon-calculate
{
  background-image: url("../images/calculate.png");
}

.icon-delete
{
  background-image: url("../images/delete.png");
}

.icon-edit
{
  background-image: url("../images/edit.png");
}

.icon-pdf
{
  background-image: url("../images/pdf.png");
}

.icon-print
{
  background-image: url("../images/print.png");
}

.icon-save
{
  background-image: url("../images/save.png");
}

.icon-search
{
  background-image: url("../images/search.png");
}

.icon-select
{
  background-image: url("../images/select.png");
}

.icon-forgot-password
{
  background-image: url("../images/question_white.png");
}

.icon-select-all
{
  background-image: url("../images/select_all.png");
}

.icon-user-disabled
{
  background-image: url("../images/userdisabled.png");
}

.icon-user-enabled
{
  background-image: url("../images/userenabled.png");
}

.icon-report
{
  background-image: url("../images/report.png");
}

.icon-reload
{
  background-image: url("../images/reload.png");
}

.icon-undo
{
  background-image: url("../images/undo.png");
}

.loadinput
{
  display: inline-block;
}

.loadinput select
{
  width: 100%;
}

.surfaceload input[type="text"]
{
  width: 80px;
  text-align: right;
}

.loadinput .right
{
  width: 200px;
  padding-left: 10px;
}

#general,
#loads,
#loads .loadinput,
#execution
{
  width: 400px;
}

#result,
#loads,
#execution,
#material,
#result
{
  margin-top: 10px;
}

#general .title,
#bedding .title,
#result .title,
#material .title,
#loads .title,
#execution .title
{
  background-color: #01B86D;
  color: #fff;
  padding-left: 8px;
  margin-bottom: 10px;
}

#general .choice-inline span:first-child
{
  width: 70px;
}

#general .choice-inline input,
#general .choice-inline select
{
  width: 80px;
  margin-left: 0px;
}

#general .choice-inline input.large,
#general .choice-inline select.large
{
  width: 320px;
  text-align: left;
}

#general .choice-inline input
{
  text-align: right;
}

#general .choice-inline input.textleft
{
  text-align:left;
}

.loadinput .autoheight
{
  padding-top: 35px;
  padding-left: 5px;
  padding-right: 5px;
}

.loadinput .choice,
.loadinput .value
{
  padding-top: 5px;
  padding-bottom: 5px;
}

#execution .choice,
#execution .choice-inline
{
  width: 100%;
  clear: both;
}

#execution .choice span
{
  display: block;
}

#execution .choice select
{
  width: 100%;
}

#general .choice-inline,
#execution .choice-inline,
#execution .choice-special
{
  padding-top: 5px;
}

#execution .choice-inline select
{
  width: 270px;
  float: right;
}

.choice-inline span,
.choice-inline h3
{
  display: inline-block;
}

.choice-inline select
{
  display: inline-block;
}

#execution .choice-inline span
{
  min-width: 120px;
  float: left;
}

#execution .choice span
{
  width: 400px;
}

#execution .choice h3 span
{
  margin-top: 10px;
  padding-bottom: 2px;
  border-bottom: dotted 1px;
}

#execution .choice-special span:first-child
{
  min-width: 150px;
  display: inline-block;
}

#execution .choice-special a
{
  margin-left: 10px;
  cursor: pointer;
}

#execution .choice-special select
{
  width: 80px;
}

#bedding,
#result
{
  width: 500px;
}

#bedding .parameters img
{
  display: block;
  margin: 0 auto;
}

#bedding .parameters
{
  position: relative;
}

#bedding .parameter input[type="text"]
{
  width: 35px;
  text-align: center;
}

#bedding .parameters .parameter span
{
  display: inline-block;
}

#bedding .parameters .parameter 
{
  position: absolute;
}

#bedding .sloping #cover-height
{
  top: 55px;
  left: 19px;
}

#bedding .parallel #cover-height
{
  top: 55px;
  left: 400px;
  background-color: #fff;
  padding: 3px;
}

#bedding #groundwater-above-bottom-pipe
{
  top: 133px;
  left: 360px;
  background-color: #fff;
  padding: 3px;
}

#bedding .sloping #groundwater-above-bottom-pipe
{
  top: 133px;
  left: 360px;
}

#bedding .parallel #groundwater-above-bottom-pipe
{
  top: 133px;
  left: 32px;
}

#bedding #trench-width-bottom-pipe
{
  background-color: #fff;
  padding: 3px;
}

#bedding .sloping #trench-width-bottom-pipe
{
  top: 243px;
  left: 175px;
}

#bedding .parallel #trench-width-bottom-pipe
{
  top: 243px;
  left: 280px;
}

#bedding .sloping #trench-width-top-pipe
{
  top: 62px;
  left: 190px;
  background-color: #fff;
  padding: 5px;
}

#bedding .parallel #trench-width-top-pipe
{
  display: none;
}

#bedding .sloping #inclination-walls
{
  top: 168px;
  left: 35px;
}

#bedding .parallel #inclination-walls
{
  display: none;
}

#bedding .sloping #internal-diamater,
#bedding .sloping #pipe-wall-thickness
{
  top: 140px;
  left: 182px;
  width: 72px;
}

#bedding .parallel #internal-diamater
{
  top: 140px;
}

#bedding .sloping #internal-diamater
{
  top: 140px;
}

#bedding .parallel #internal-diamater,
#bedding .parallel #pipe-wall-thickness
{
  top: 140px;
  left: 289px;
  width: 72px;
}
#bedding .sloping #pipe-wall-thickness
{
  top: 10px;
}

#bedding .parallel #pipe-wall-thickness
{
  top: 60px;
}

#bedding #internal-diamater span,
#bedding #internal-diamater select,
#bedding #pipe-wall-thickness span,
#bedding #pipe-wall-thickness select
{
  display: block;
}

#bedding #internal-diamater select,
#bedding #pipe-wall-thickness select
{
  margin: 0 auto;
  width: 100%;
}

#bedding #internal-diamater span,
#bedding #pipe-wall-thickness span
{
  text-align: center;
  line-height: 1;
}

#bedding #internal-diamater span:last-child,
#bedding #pipe-wall-thickness span:last-child
{
  display: none;
}

#bedding .choice-inline span:first-child
{
  width: 150px;
}

#bedding .choice-inline select,
#bedding .choice-inline input[type="text"]
{
  width: 150px;
  text-align: left;
  margin-top: 3px;
}

.hidden
{
  display: none;
}

#material .choice-inline input
{
  text-align: right;
}

#material .choice-inline input,
#material .choice-inline select
{
  width: 80px;
  margin-left: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
}

#material h3
{
  padding-bottom: 2px;
  width: 80px;
  margin-bottom: 2px;
}

#material h3 span
{
  display: inline-block;
  border-bottom: dotted 1px;
  text-align: center;
}

#material h3 span.labels
{
  margin-left: 150px;
  min-width: 90px;
}

#material .materialinput
{
  float: left;
  margin: 5px;
}

#material .choice-inline
{
  height: 29px;
}

#material .choice-inline span:first-child
{
  width: 150px;
}

#result table td
{
  padding: 5px;
}

.pass
{
  color: Green;
}

.fail
{
  color: Red;
  font-weight: bold;
}

table.project .comment
{
  width: 550px;
  height: 70px;
}

table.result
{
  width: 100%;
}

table.result td
{
  white-space: nowrap;
}

table.calculations th.name
{
  width: 135px;
}

table.calculations th.dn
{
  width: 35px;
}

table.calculations th.h
{
  width: 35px;
}

table.calculations th.bso
{
  width: 35px;
}

.logininfo
{
  float: right;
}

.usermenu
{
  float: left;
}

.usermenu ul li
{
  list-style-type: square;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 20px;
}

.usermenu ul li.newblock
{
  margin-top: 25px;
}

.usermenu ul li:empty
{
  list-style-type: none;
  margin: 0px;
}

.ui-dialog
{
  z-index: 1000;
}

#dialogPipe .choice-inline span:first-child
{
  width: 160px;
}

#dialogPipe input
{
  width: 80px;
}

#dialogPipe input.large,
#dialogPipe select
{
  width: 200px;
}

.block
{
  display: block;
}

table td.print-report
{
  color: #01B86D;
  outline: 0 none;
  text-decoration: none;
  cursor: pointer;
  padding-left: 20px !important;
  background-image: url("../images/print.png");
  background-repeat: no-repeat;
  background-position: left center;
}