body, html, #aspnetForm {
    margin:0;
    padding:0;
    height:100%;
}


body {
  font-family: verdana, arial;
    font-size: 12px;
}

.pageTitle {
    font-size: 1.5em !important;
    color: #00a94f;
}

/*colors*/
#header {
    background-color: #00a94f;
    z-index: 99;
}

#footer {
    background-color: #f9f9f9;
}

#header a:hover, #header .RadMenu a.rmSelected{
    background-color: #00d765;
}
#header .options, #header .rmGroup {
    background-color: #0cba5e;
}
a {
    color: #4378ff;
}

table th {
    color:  #00a94f;
}

#header, #header .RadMenu a, #header a{
    color: #fff;
}

#content #content-block {
    border-left-color: #f9f9f9;
}

/*elementen*/
h1,h2,h3{
    font-weight: bold;
    margin-bottom: 25px;
}

a{ text-decoration: none; }

h1,.pageTitle{ font-size: 1.5em; }
h2{ font-size: 1.4em; }
h3{ font-size: 1.2em; }
h4, #content-sidebar fieldset>legend{ font-size: 1.1em; margin-bottom: 5px;}

table {
     margin-bottom: 25px;
}
table th {
    font-size: 1.1em;
}
table td, table th {
    padding: 5px;
    text-align: left;
}

/*elementen - default margin bottom*/
p,fieldset {
    margin-bottom: 10px;
}

/*elementen - forms*/
fieldset ol li {
    margin: 10px 0;
}
fieldset ol li label, fieldset ol li input {
    display: inline-block;
}

fieldset ol li > label {
    width: 140px;
}


/*page*/
#page {
   min-height:100%;
   position:relative;
}


/*header*/
#header {
    position: fixed;
    width: 100%;
    
    height: 36px;
    top: 0;
}

#header > div, #footer > div {
    float: left;
}

#header a, #footer a {
    padding: 10px;
    display: inline-block;
    text-transform: capitalize;
    -webkit-transiton: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -transition: background-color 0.2s;
}

#header .options, #footer .options {
    float: right;
    margin-left: 50px;
}

#header .title {
    font-size: 1.1em;
    padding: 7px;
}

.rmHorizontal {
    display: none;
}

/*header - radmenu*/
#header .rmRootGroup {
    background-color: transparent;
}
#header .RadMenu {
    font-family: verdana, arial;
    font-size: inherit;
    line-height: inherit;
}

 #header .RadMenu a,  #header .RadMenu a:hover {
     text-decoration: none;
     border-style: none;
     font-size: inherit;
 }

 #header .RadMenu ul {
     padding: 0;
 }

 /*header - logo*/
 #header .logo span {
    display: none;
}
 #header .logo {
    width: 56px;
    height: 36px;
    background-image: url("images/logo.png");
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0 10px;
}

 /*header - shadow*/
 #header {
    -webkit-box-shadow: inset 0px -3px 5px 0px rgba(50, 50, 50, 0.01);
    -moz-box-shadow:    inset 0px -3px 5px 0px rgba(50, 50, 50, 0.01);
    box-shadow:         inset 0px -3px 5px 0px rgba(50, 50, 50, 0.01);
 }

 /*content*/
 #content {
     overflow: auto;
     line-height: 1.5em;
 }

 #content > div{
     padding: 1%;
     margin: 10px 0;
 }
 /*content -sidebar*/
 #content #content-sidebar {
     float: left;
     width: 200px;
 }

 #content-sidebar ol li{
     margin-top: 0px;
 }

.RadComboBox, #content-sidebar .RadDropDownList  {
     width: 200px !important;
 }

 #content-sidebar {
     width: 9% !important;
 }

 #content-sidebar .RadButton {
      width: 190px;
      margin-bottom: 5px;
 }

 #content #content-block {
      width: 80%;
      overflow: hidden;
      border-left-style: solid;
      border-left-width: 1px;
 }

 #content-container {
     padding-bottom:36px; /* Height of the footer */
     padding-top: 36px;
 }

 /*conent - footer*/
 #footer-container {
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 36px;
 }

 #footer {
     overflow: auto;
 }

 #footer .userinfo {
     margin-left: 10px;
 }

   #footer{
    -webkit-box-shadow: inset 0px 10px 5px 0px rgba(50, 50, 50, 0.01);
    -moz-box-shadow:    inset 0px 10px 5px 0px rgba(50, 50, 50, 0.01);
    box-shadow:         inset 0px 10px 5px 0px rgba(50, 50, 50, 0.01);
 }
/*rad controls*/
.rcbList > li, .rcbInner input, .rddlFakeInput, .rddlList > li{
    text-transform: capitalize !important;
}
/*voedings calc*/
.parameters-container {
    overflow: hidden;
}
.parameters-container .RadInput {
    width: 100px !important;
}
.parameters-container .item {
    width: 50%;
}
#content-block.calculator {
    margin: 0px;
    padding: 0px;
}
#content-block .scroller {
    margin: 10px 0px;
    padding: 10px;
}

.radMultiPage {
    border: 1px solid #737781 !important;
    position: relative;
    margin-top: 25px !important;
    z-index: -1;
}

.rtsLink {
    border-color: #737781 !important;
}

span.rmText {
    font-size: 1.1em !important;
}

span, .windowTable, strong {
    font-size: 12px !important;
}

.windowTable {
    width: 99%;
}

.RadTabStrip {
    position: absolute;
}

.recordDetailsHeader {
    width: 100%;
}

.recordDetailsHeaderRow {
     border: 1px solid #737781;
}

.rowStyle {
    
}

.alternatingRowStyle {
    background-color: #FAFAFA;
}

.rmItem a {
    font-size: 1.1em !important;
}