body {
background-color:#ececec;
color:#393939;
}

#page {
margin:0 auto;
max-width:60em;
}

.menu {
padding:0.5em;
color:#fff;
-webkit-border-radius:0.5em 0.5em 0 0;
-moz-border-radius:0.5em 0.5em 0 0;
border-radius:0.5em 0.5em 0 0;
}

.content {
padding:0.5em 1em 1em 1em;
background-color:#f4f4f4;
border-style:solid;
border-width:0 1px 1px 1px;
-webkit-border-radius:0 0 0.5em 0.5em;
-moz-border-radius:0 0 0.5em 0.5em;
border-radius:0 0 0.5em 0.5em;
}

/* Various */
h1 {
font-size:1.3em;
color:#1c76b0;
}

h2 {
font-size:1.125em;
color:#1c76b0;
}

h3 {
font-size:1em;
margin:0;
color:#1c76b0;
}

hr {
border-style:solid;
border-width:1px 0 0 0;
}

.bold {
font-weight:bold;
}

.italic {
font-style:italic;
}

.right {
float:right;
}

.margin-right {
margin-right:1em;
}

.align-center {
text-align: center;
width: 100%;
}

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

.align-top {
vertical-align: top
}

.block {
display:block;
}

.errorText {
color:#d40000;
}

.errorInput {
border-color:#d40000 !important;
}

.errorText {
color:#d40000 !important;
}

.successText {
color:#00b900 !important;
}

textarea {
margin:0.125em 0 0.125em 0;
font-weight:600;
color:#393939;
padding:0.5em 1em 0.5em 1em;
border:solid 1px #a1a1a1;
-webkit-border-radius:1em 1em 1em 1em;
-moz-border-radius:1em 1em 1em 1em;
border-radius:1em 1em 1em 1em;
width:100%;
height: 100px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100%;
}

input[type=text] {
margin:0.125em 0 0.125em 0;
font-weight:600;
color:#393939;
padding:0.5em 1em 0.5em 1em;
border:solid 1px #a1a1a1;
-webkit-border-radius:2em 2em 2em 2em;
-moz-border-radius:2em 2em 2em 2em;
border-radius:2em 2em 2em 2em;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

input[type=password] {
margin:0.125em 0 0.125em 0;
font-weight:600;
color:#393939;
padding:0.5em 1em 0.5em 1em;
border:solid 1px #a1a1a1;
-webkit-border-radius:2em 2em 2em 2em;
-moz-border-radius:2em 2em 2em 2em;
border-radius:2em 2em 2em 2em;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

input[type=submit], input[type=reset], .button {
margin:0.125em 0 0.125em 0;
font-weight:600;
color:#393939;
padding:0.5em 1em 0.5em 1em;
border:solid 1px #a1a1a1;
-webkit-border-radius:2em 2em 2em 2em;
-moz-border-radius:2em 2em 2em 2em;
border-radius:2em 2em 2em 2em;
background-color:#d2d2d2;
background-image:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#d2d2d2));
background-image:-webkit-linear-gradient(top, #fafafa, #d2d2d2);
background-image:-moz-linear-gradient(top, #fafafa, #d2d2d2);
background-image:-ms-linear-gradient(top, #fafafa, #d2d2d2);
background-image:-o-linear-gradient(top, #fafafa, #d2d2d2);
background-image:linear-gradient(top, #fafafa, #d2d2d2);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#fafafa', EndColorStr='#d2d2d2');
border-color:#b3b3b3;
}

input[type=submit]:active, input[type=reset]:active, .button:active {
background-color:#e6e6e6;
background-image:-webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#fafafa));
background-image:-webkit-linear-gradient(top, #d2d2d2, #fafafa);
background-image:-moz-linear-gradient(top, #d2d2d2, #fafafa);
background-image:-ms-linear-gradient(top, #d2d2d2, #fafafa);
background-image:-o-linear-gradient(top, #d2d2d2, #fafafa);
background-image:linear-gradient(top, #d2d2d2, #fafafa);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#d2d2d2', EndColorStr='#fafafa');
}

input:focus {
border-color:#2b93db !important;
}

select {
padding: 0.2em;
border:solid 1px #a1a1a1;
width: 100%;
-webkit-border-radius:0.1em 0.1em 0.1em 0.1em;
-moz-border-radius:0.1em 0.1em 0.1em 0.1em;
border-radius:0.1em 0.1em 0.1em 0.1em;
}

.button {
display:inline-block;
color:#393939 !important;
}

.listView {
list-style:none;
margin:0;
padding:0;
border-style:solid;
border-color:#d2d2d2;
border-width:1px 0 0 0;
}

.listView li {
padding:0.5em;
border-style:solid;
border-color:#d2d2d2;
border-width:0 1px 1px 1px;
background-color:#ffffff;
background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
background-image:-webkit-linear-gradient(top, #ffffff, #eeeeee);
background-image:-moz-linear-gradient(top, #ffffff, #eeeeee);
background-image:-ms-linear-gradient(top, #ffffff, #eeeeee);
background-image:-o-linear-gradient(top, #ffffff, #eeeeee);
background-image:linear-gradient(top, #ffffff, #eeeeee);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#eeeeee');
}

.filterTable {
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin-bottom:0.5em;
}

.listTable {
border-collapse:collapse;
width:100%;
border-style:solid;
border-color:#d2d2d2;
border-width:1px 0 0 0;
}

.listTable tr {
background-color:#ffffff;
border-style:solid;
border-color:#d2d2d2;
border-width:0 0 1px 0;
}

.listTable .tableOddRow {
background-color:#f7f7f7;
}

.listTable td {
padding-top:0.5em;
padding-bottom:0.5em;
}

.listTable th {
text-align:left;
}

.listTable .tableLabel {
width: 25%;
vertical-align: top
}

/* Menu */
.menu a {
display:inline-block;
padding:0.5em;
text-decoration:none;
font-style:normal;
font-weight:bold;
color:#ffffff;
}

/* Content */
.content a {
color:#2b93db;
text-decoration:none;
font-style:normal;
font-weight:bold;
}

.content .normalText {
color:#393939 !important;
font-weight:normal;
}

.content a img {
border-width:0px;
}

.content fieldset {
background-color:#fafafa;
-webkit-border-radius:0.5em 0.5em 0.5em 0.5em;
-moz-border-radius:0.5em 0.5em 0.5em 0.5em;
border-radius:0.5em 0.5em 0.5em 0.5em;
padding:0.5em;
}

.content legend {
margin-left:0.2em;
margin-right:0.2em;
padding-left:0.2em;
padding-right:0.2em;
}



/* weight watcher chart */
.demo-container {
	box-sizing: border-box;
	width: 850px;
	height: 450px;
	padding: 20px 15px 15px 15px;
	margin: 15px auto 30px auto;
	border: 1px solid #ddd;
	background: #fff;
	background: linear-gradient(#f6f6f6 0, #fff 50px);
	background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
}

.demo-placeholder {
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.2em;
}

.legend div {
  clip: rect(0px, 350px, 350px, 0px);
}

.legend table {
	border-spacing: 5px;
  clip: rect(0px, 350px, 350px, 0px);
}



.axisLabel {
    position: absolute;
    text-align: center;
    font-size: 12px;
}

#flotTitle {
    top: -14px;
    left: 0;
    right: 0;
    font-size: 18px;
    font-weight: bold;
}

#xaxisLabel {
    bottom: -14px;
    left: 0;
    right: 0;
    font-size: 14px;
    font-weight: bold;
}

#yaxisLabel {
    top: 50%;
    left: -14px;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform:  rotate(-90deg);
    transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    font-size: 14px;
    font-weight: bold;
}



.wwChartSelection {
  display: table;
  width: 100%;
}

.wwChartSelectionLeft {
  display: table-cell;
}

.wwChartSelectionSpacer {
  display: table-cell;
  width: 20px;
}

.wwChartSelectionRight {
  display: table-cell;
  width: 300px;
}


/* Selectie list (gebruikd bij _weightwatcher compare data */
.selectionListDiv {
    display: inline-block;
    width: 440px;
    margin: 0;
    padding: 0;
}

.selectionList {
    width: 100%;
    height: 400px;
    list-style-type: none;
    margin: 0;
    padding: 0;
	  border: 1px solid #d2d2d2;
    overflow: scroll;
    overflow-x: hidden;
}

.selectionList li {
    padding: 5px;
    font-size: 16px;
}

.selectionList .evenRow {
    background-color:#ebebeb;
}

.selectionList .oddRow {
    background-color:#f7f7f7;
}

.selectionList li .title {
    font-size: 20px;
    font-weight: bold;
}