body {
    font-size: .8em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #666;
    background-color: #bbb;
    height: 1000px;
}

header, footer, nav, section {
    display: block;
}

img
{
    border: none;
}

::-ms-clear {
    display: none;
}

::-ms-reveal {
    display: none;
}

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #000000;
    margin: 0 0 1em;
    padding: 0 1.4em 0.6em;

}

legend {
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px 10px 20px;
    margin-left: -8px;
    margin-bottom: -10px;
}

/*legend {
    border: 1px solid;
    border-radius: 15px 15px 0 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px 20px 8px 24px;
    width: 250px;
    margin-bottom: 10px;
    margin-left: -18px;
}*/

/*legend {
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-radius: 15px 15px 0 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px 20px 0 24px;
    width: 250px;
    margin-bottom: 10px;
    margin-left: -18px;
}*/

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00 !important; 
    background-color: #fee !important;
}

.validation-summary-errors {
    font-weight: normal;
    font-size: .9em;
    color: #f00;
    margin-bottom: 10px;
}

.validation-summary-errors ul {
    margin: 0px;
}

.validation-summary-valid {
    display: none;
}


/* Custom styles 
-----------------------------------------------------------*/
.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

.container {
    width: 960px;
    background-color: #eee;
    margin: 0 auto;
    position: relative;
}

.header {
    background-color: #002551;
    height: 64px;
}


.header-text {
    color: #00a9dc;
    font-size: 18px;
    font-weight: bold;
    float: left;
    padding: 16px;
    padding-left: 100px;
}

.header-user {
    color: #ffffff;
    float: right;
    padding: 24px 14px 0 0;
    text-align: right;
}

.login-box {
    position: absolute;
    background-color: #ffffff;
    width: 303px;
    top: 108px;
    left: 629px;
    z-index: 10;
    /*box-shadow: -3px 3px 5px 1px #bbb;*/
    display: none;
}

.login-cell {
    float: left;
    padding: 0 12px 12px;
    background-color: #00a9dc;
    width: 307px;
    display: none;
}

#UserName, #Password {
    display: inline-block;
    width: 110px;
    text-align: left;
    background-color: #eee;
    border: none;
    padding: 2px;
}

.label-login {
    display: inline-block;
    padding-top: 5px;
    padding-left: 15px;
    width: 70px;
    color: #fff;
}

.login-action-bar {
    float: right;
    padding-top: 10px;
    padding-right: 14px;
}

.login-button {
    background-color: #002551;
    color: #fff;
    height: 34px;
    border: none;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 18px;
    width: 80px;
}

.login-error {
    color: #ff0000;
    background-color: #eeeeee;
    padding-left: 10px;
}

.lightblue {
    color: #00a9dc;
 }

.logo {
    padding: 10px;
    padding-bottom: 0px;
    float: left;
}

.menu {
    background-color: #00a9dc;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    height: 44px;
}

.menu a:link, a:visited 
{
    color: #002551;
    text-decoration: none;
}

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

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

.menu-first-col {
    width: 700px;
    float: left;
}

.menu-second-col {
    width: auto;
    float: right;
}

.menu-item {
    float: left;
    padding: 10px 14px;
    border: none;
}

.sub-menu {
    font-size: 16px;
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

.sub-menu a:link, .sub-menu a:visited 
{
    color: #bbb;
    text-decoration: none;
}

.sub-menu a:hover
{
    color: #002551;
    text-decoration: none;
}

.sub-menu-item {
    color: #333;
    float: left;
    padding: 0 20px 0 4px;
    border: none;
}

.content {
    padding: 10px 0;
}

.contacts {
    padding: 0px 30px;
}

.contacts-row {
    height:24px;
}

.contacts-left-col {
    float: left;
    width: 100px;
    font-weight:bold;
}

.contacts-right-col {
    float: left;
    width: auto;
}

.footer {
    background-color: #bbb;
    color: #333;
    text-align: right;
}

.calc {
}

.calc-first-row {
    padding-left: 10px;
}

.calc-first-row-left-col {
    float: left;
    width: 31.5%;
    height:287px;
}

.calc-first-row-middle-col {
    float: left;
    width: 41.2%;
    height:283px;
}

.calc-first-row-right-col {
    float: left;
    width: 24.1%;
    height:283px;
}

.contain {
    position: relative;
}

.calc-second-row {
    padding-left: 10px;
    height:273px;
}

.calc-second-row-left-col {
    float: left;
    width: 47.6%;
    height:265px;
}

.calc-second-row-right-col {
    float: left;
    width: 46%;
    height:265px;
}

.calc-cell {
    background-color: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

.calc-cell-1 {
    height: 241px;
    background-color: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

.calc-cell-2 {
    height: 26px;
    background-color: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;
}

.calc-cell-3 {
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: right;
}



.label {
    display: inline-block;
    padding-top: 5px;
    padding-left: 10px;
    width: 130px;
}

.label-non-pad {
    display: inline-block;
    padding-top: 5px;
    width: 140px;
}

.label-small {
    display: inline-block;
    padding-top: 5px;
    width: 55px;
}

.label-medium {
    display: inline-block;
    padding-top: 5px;
    width: 100px;
}

.label-large {
    display: inline-block;
    padding-top: 5px;
    padding-left: 5px;
    width: 165px;
}

.label-large-sft {
    display: inline-block;
    padding-top: 5px;
    width: 165px;
}

.label-result {
    display: inline-block;
    padding-top: 5px;
    padding-left:10px;
    width: 300px;
}

.label-incl-result {
    float: left;
    padding: 0 0 5px 5px;
    width: 160px;
}

.label-result-sum {
    display: inline-block;
    padding-top: 5px;
    padding-right: 10px;
    width: 300px;
}

.result-sum {
    display: inline-block;
    width: 450px;
    font-weight: bold;
}

.chart-div {
    margin-top: 12px;
}

#ShutOffPressure, #DifferentialPressure, #ServicePressure, #ServiceTemperature {
    display: inline-block;
    width: 95px;
    text-align: right;
    background-color: #eee;
    border: none;
    padding: 2px;
}

#ShaftFractureTorque {
    display: inline-block;
    width: 95px;
    text-align: right;
    background-color: #fff;
    border: none;
    padding: 2px;
}

#DensityLiquid {
    display: inline-block;
    width: 50px;
    text-align: right;
    background-color: #eee;
    border: none;
    padding: 2px;
}

.valve-select {
    width: 100px;
    background-color: #eee;
    border: none;
    padding: 1px;
}

.service-condition-select {
    Width: 150px;
    background-color: #eee;
    border: none;
    padding: 1px;
}

.valve-image-div {
    position: absolute;
    top: 15px;
    left: 140px;
    border: 4px solid #eee;
}

.valve-image {
    width: 170px;
    height: 170px;
}

.medium-liquid .medium-liquid-details .medium-gas .medium-liquid-radio 
.medium-gas-radio .medium-different-check .medium-density {
}

.adisabled, .medium-disabled, .result-disabled {
    color: #ccc;
}

.action-bar {
    text-decoration: none;
    min-height: 14px;
    text-align: right;
    padding-right: 10px;
}

.action-bar-left-col {
    width: 60%;
    float: left;
    text-align: left;
}

.action-bar-right-col {
    width: 32%;
    float: right;
    text-align: right;
}

button {
    background-color: #00a9dc;
    color: #fff;
    height: 36px;
    border: none;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 18px;
}

.button-pager {
    background-color: #00a9dc;
    color: #fff;
    height: 24px;
    min-width: 36px;
    border: none;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    margin-left: 5px;
}

.button-navigator {
    background-color: #00A9DC;
    color: #fff;
    height: 36px;
    min-width: 36px;
    border: none;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 18px;
}

.edit-select {
    background-color: #fff;
    height: 28px;
    display: inline-block;
    padding: 8px 5px 0 5px;
    vertical-align: top;
    width: 220px;
    text-align: center;
}

.current-page
{
    background-color: #002551;
}

.button-disabled {
    background-color: #bbb;
}

.result-left-col {
    margin-top: 10px;
}

.result {
    display: inline-block;
    width: 95px;
    text-align: right;
    background-color: #eee;
    border: none;
    padding: 2px 3px 1px 2px;
    margin: 1px;
}

.spacer-check {
    width: 22px;
    float: left;
    padding-left: 4px;
}

.group-incl-result {
    margin-top: 10px;
}

.admin {
}

.admin-first-row {
    padding-left: 10px;
}

.admin-cell {
    background-color: #fff;
    float: left;
    padding: 10px;
    width: 96.8%;
}

.admin-table-header {
    color: #ffffff;
    background-color: #bbb;
    padding: 4px 6px;
    white-space: nowrap;
}

.admin-table-cell {
    padding: 4px 8px;
    white-space: nowrap;
    text-align: left;
}

.admin-action-bar {
    text-decoration: none;
    padding-top: 10px;
    padding-right: 10px;
    text-align: right;
    margin-bottom: -12px;
}

.admin-action-bar-left-col {
    width: 33%;
    float: left;
    text-align: left;
    padding-top: 10px;
}

.admin-action-bar-right-col {
    width: 67%;
    float: right;
    text-align: right;
    padding-top: 22px;
}

.admin-edit-action-bar-left-col {
    width: 40%;
    float: left;
    text-align: left;
    padding-top: 10px;
}

.admin-edit-action-bar-right-col {
    width: 60%;
    float: right;
    text-align: right;
}

.center {
    text-align: center;
}

.admin-list-table {
    width: 100%;
    padding-top: 10px;
}

.admin-list-table tbody tr {
    background-color: #eee;
}

.edit-label {
    display: inline-block;
    padding-top: 5px;
    padding-left: 10px;
    width: 100px;
}

.library-edit-label {
    display: inline-block;
    padding-top: 5px;
    padding-left: 10px;
    width: 50px;
}

.library-edit-label-check {
    display: inline-block;
    padding-right: 10px;
}

.library-edit-label-large {
    display: inline-block;
    padding-top: 5px;
    padding-left: 10px;
    width: 70px;
}

.edit-label-large {
    display: inline-block;
    padding-top: 5px;
    padding-left: 10px;
    width: 120px;
}

#UserName, #Password, #PasswordRepeat, #FirstName, #LastName, #Email, #PermitAllValveTypes,
#Identification, #MaterialCode, #Typ, #DS,
#ShaftType, #ShaftSealing, #AxialBearing {
    display: inline-block;
    width: 200px;
    background-color: #eee;
    border: none;
    padding: 2px;
}

#FK_RT, #FK_100, #FK_150, #FK_200, #FK_250, #FK_300, #FK_350, 
#FK_400, #FK_450, #FK_500, #FK_550, #FK_600, #FK_650,
#FK_700, #FK_750, #FK_800 {
    display: inline-block;
    width: 95px;
    text-align: right;
    background-color: #eee;
    border: none;
    padding: 2px;
}

#PagingData_LN, #PagingData_NE,
#PagingData_I, #PagingData_MC,
#PagingData_VT, #PagingData_PC, #PagingData_VS {
    display: inline-block;
    width: 95%;
    background-color: #fff;
    border: none;
    padding: 2px;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-size: 0.9em;
}

.material-first-col, .material-second-col, 
.material-third-col, .material-fourth-col {
    width: 250px;
    display: inline-block;
}

.valve-first-col, .valve-second-col, 
.valve-third-col, .valve-fourth-col {
    width: 225px;
    display: inline-block;
}

.valve-first-col-large {
    width: 450px;
    display: inline-block;
}

.valve-second-col-large {
    width: 450px;
    display: inline-block;
}

.valve-first-col input, .valve-second-col input, 
.valve-third-col input, .valve-fourth-col input,
#NW {
    display: inline-block;
    width: 95px;
    text-align: right;
    background-color: #eee;
    border: none;
    padding: 2px;
}

.hover {
    background-color: #e8e8e8 !important;
    color: #002551 !important;
}

.margin-bottom {
    margin-bottom: 10px;
    display: inline-block;
}

.print {
    display: none;
}

.print-first-row {
    padding: 0 0 10px 10px;
}

.print-cell {
    background-color: #fff;
    float: left;
    padding: 10px;
    width: 96.8%;
}

.print-action-bar {
    text-decoration: none;
    min-height: 44px;
    text-align: right;
    padding-right: 10px;
}

.print-action-bar-left-col {
    width: 45%;
    float: left;
    text-align: left;
}

.print-action-bar-right-col {
    width: 47%;
    float: right;
    text-align: right;
}

.label-print {
    display: inline-block;
    padding-top: 5px;
    padding-left: 10px;
    width: 80px;
}

#Editor {
    display: inline-block;
    width: 400px;
    background-color: #eee;
    border: none;
    padding: 2px;
}

#Customer, #Project, #Comments {
    display: inline-block;
    width: 820px;
    background-color: #eee;
    border: none;
    padding: 2px;
}

.icon-left {
    padding-right: 10px;
}

.icon-right {
    padding-left: 10px;
}

.navigator-select {
    border: 0 !important;  /*Removes border*/
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: url(../images/iconSelectNavigator.png) no-repeat 190px;  /*Adds background-image*/
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: "";  /*Removes default arrow from firefox*/
    background-color: #fff;
    color: #00A9DC;
    width: 210px;
    font-size: 1.2em;
    border: none;}

select {
      border: 0 !important;  /*Removes border*/
      -webkit-appearance: none;  /*Removes default chrome and safari style*/
      -moz-appearance: none; /* Removes Default Firefox style*/
      -o-appearance: none; /* Removes Default Firefox style*/
      background: url(../images/iconSelect.png) no-repeat right;  /*Adds background-image*/
      text-indent: 0.01px; /* Removes default arrow from firefox*/
      text-overflow: "";  /*Removes default arrow from firefox*/
}

select::-ms-expand {
    display: none;
}

.pv-body {
    font-size: 0.95em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #000;
    background-color: #fff;
    height: 1100px;
}

.pv-container {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.pv-header {
    height: 64px;
    /*border-bottom: solid 1px #000000;*/
    margin-top: 5px;
    margin-bottom: 5px;
}

.pv-header-text {
    font-size: 1.6em;
    font-weight: bold;
    float: left;
    padding: 8px;
    padding-left: 100px;
}

.pv-logo {
    float: left;
}

.pv-label {
    width: 100px;
    font-weight: bold;
    vertical-align: top;
}

.pv-label-result {
    width: 320px;
}

.pv-label-value {
    width: 120px;
}

.pv-label-result-large {
    width: 440px;
}

.pv-label-medium {
    width: 140px;
    font-weight: bold;
    vertical-align: top;
}

.pv-label-large {
    width: 170px;
    font-weight: bold;
    vertical-align: top;
}

.pv-label-gigantic {
    width: 230px;
    font-weight: bold;
    vertical-align: top;
}

.pv-padding {
    padding-left: 50px;
}

.pv-valve-image-div {
    position: absolute;
    /*border: 1px solid #000;*/
    top: 80px;
    left: 730px;
}

.pv-valve-image {
    width: 210px;
    height: 210px;
    border: none;
}

.pv-align-right {
    text-align: right;
}

.pv-footer {
    text-align: right;
}

.pv-value {
    width: 180px;
}

.pv-header-results {
    font-weight: bold;
    height: 30px;
    vertical-align: top;
}

.pv-border-top {
    border-top: 1px solid;
}

#imprint {
    color: #666;
    background-color: #eee;
    padding: 20px;
}

#imprint p {
    width: 400px;
}