body {
    font-size: 14px;
    margin: 0;
}

a img {
    border: none;
}

a {
    color: #0000FF;
}

/* see how the app behaves without it, because it has a negative impact on input.clear below
   that one is used to render the clear button of a filter toolbar ..
.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}
*/

#innerTable {
    border-collapse: collapse;
    margin: 10px;
    width: 25%;
}

#container {
    width: 960px;
    margin: 0 auto;
}

#flash_notice,#flash_error {
    padding: 5px 8px;
    margin: 10px;
}

#flash_notice {
    background-color: #CFC;
    border: solid 1px #6C6;
}

#flash_error {
    background-color: #FCC;
    border: solid 1px #C66;
}

.fieldWithErrors {
    margin: 10px;
}

.fieldWithErrors label {
    color: red;
    font-weight: bold;
}

.errorMessage {
    color: red;
    font-weight: bold;
}

#errorExplanation {
    width: 400px;
    border: 2px solid #CF0000;
    padding: 0px;
    padding-bottom: 12px;
    margin: 10px;
    background-color: #f0f0f0;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: 0;
    background-color: #c00;
    color: #fff;
}

#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 8px;
}

#errorExplanation ul {
    margin: 2px 24px;
}

#errorExplanation ul li {
    font-size: 12px;
    list-style: disc;
}

/* Vanaf hier van mij */


#top-bar {
    background-color: #70BE43;
    padding: 3px;
    color: white;
    border-bottom: gray solid 1px;
}

a {
    color: #70BE43;
}

* {
    font-size: small;
}

#left {
    overflow: hidden;
    left: 1px;
}

#center {
    min-height: 200px;
    padding: 10px;
}

#center p,#center h1 {
    margin: 10px;
}

#center h1 {
    font-size: 1.3em;
}

#right {
    width: 150px;
    padding: 0 0 0 20px;
}

div.block {
    background-color: #70BE43;
    color: white;
    padding: 5px;
    min-height: 90px;
    margin-bottom: 10px;
    border: black solid 1px;
    -moz-box-shadow: 2px 2px 4px gray;
    -webkit-box-shadow: 2px 2px 4px gray;
}

div.block div.title {
    text-align: right;
    color: #ebf0ff;
    font-weight: bold;
    font-size: 1.1em;
}

#menu-bar #sessionpanel {
    float: left;
}

#menu-bar #versionpanel {
    float: left;
}

#menu-bar #userpanel {
    float: right;
}

#navigation-panel {
    margin: 0;
    padding: 0;
}

#navigation-panel li {
    display: inline;
    list-style-type: none;
    margin-top: 15px;
    padding: 3px 10px;
}

#navigation-panel li.currentPage {
   
}

#navigation-panel a {
    font-size: 1.2em;
    text-decoration: none;
}

#header {
    margin-bottom: 10px;
    position: relative;
}

#user-nav {
    position: absolute;
    bottom: 0pt;
    float: right;
    width: 100%;
    text-align: right;
    margin-bottom: 3px;
}

#menu-bar {
    margin-bottom: 20px;
    padding: 2px 6px;
}

#menu-bar ul {
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
}

#menu-bar li {
    list-style-type: none;
    display: inline;
    font-size: .9em;
}

#menu-bar ul#right-menu {
    float: right;
}

#menu-bar ul#right-menu li {
    display: inline;
}

div.pagination {
    text-align: center;
}

div.pagination a {
    text-decoration: none;
}

label {
    display: block;
    float: left;
    width: 8em;
    line-height: 2em;
}

div.block input[type=text] {
    width: 134px;
    border: #444 solid 1px;
    background-color: #ebf0ff;
}

div.block div {
    margin: 2px 0;
}

div.block div.toggler {
    margin-left: 5px;
}

div.acc-toggler {
    cursor: pointer;
}

div.acc-toggler-foo {
    color: #00ff9f;
}

.hide {
    display: none;
}

div.block input.acc-date {
    width: 110px;
}

ign
:
 
center
;


}
div.pagination a {
    text-decoration: none;
}

label {
    display: block;
    float: left;
    width: 8em;
    line-height: 2em;
}

div.block input[type=text] {
    width: 134px;
    border: #444 solid 1px;
    background-color: #ebf0ff;
}

div.block div {
    margin: 2px 0;
}

div.block div.toggler {
    margin-left: 5px;
}

div.acc-toggler {
    cursor: pointer;
}

div.acc-toggler-foo {
    color: #00ff9f;
}

.hide {
    display: none;
}

div.block input.acc-date {
    width: 110px;
}

div.propertyName {
    display: inline;
    float: left;
    width: 200px;
}

div.propertyValue {
    display: inline;
    float: center
}

input.propertyValue {
    display: inline;
    float: center
}

input.rightButton {
    display: inline;
    float: right;
}

.checkboxlist label {
	display: inline;
	float: none;
}


.errorcontainer ul {
	padding: 1em;
}

.fielderror ul li, .errorcontainer ul li {
	list-style: none;
	background: url(exclamation.png) no-repeat left center;
	padding-left: 1.5em;
	color: red;
	height: 2em;
	line-height: 2em;
}