.ux-layout-center-item {
    margin:0 auto;
    text-align:left;
}
.ux-layout-center .x-panel-body,  /* if the container is a panel */
body.ux-layout-center {           /* if the container is the doc body (for viewport) */
    text-align:left; 
}

.x-panel .loading-icon .x-panel-body
{
	text-align:center;
}

body {
    font-family:arial,sans-serif;
    font-size:12px; 
	background-color: #E9E9E9;
	margin: 0px; 
	padding:0px;
	text-align:center;	
}

#Content {
	width:1000px;
	margin:0px auto;
	text-align:left;
	border:1px dashed #333;
	}

a {
    color:#15428B;
}
a:link, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.button-bold .x-btn-text {
	font-weight: bold;
}

.x-form-item-label{
    font-family:arial,sans-serif;
    font-size:12px; 
}

.x-form-field{
    font-family:arial,sans-serif;
    font-size:12px; 
}

.x-form-cb-label{
    font-family:arial,sans-serif;
    font-size:12px; 
}

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

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

/* hack voor IE7 */
.progressbar .x-progress-text-back {
	width: 198px;
}

.x-form-invalid {
	border: 1px solid #DD7870;
}

.add-border{
	border-top: 2px solid #99BBE8;
}

.hide-x-bar .x-panel-body{
	overflow-y:auto;
}

.x-form-radio-group {
	margin-right: 30px;
}

.x-title {
	border: 0px solid #99BBE8;
    font-family:arial,sans-serif;
    font-size:16px;
	padding: 10px 10px 20px 0px;
	font-weight: bold;
	color: red;	
	background-color: white;		
}

.x-title .x-panel-body {
	border: 0px solid #99BBE8;
}

.buttons .x-panel-body {
	text-align: center;
	border: 0px solid #99BBE8;	
}
.buttons .x-panel-body {
	text-align: -moz-center;
	border: 0px solid #99BBE8;	
}


.x-left-col {
	
}

.x-table-layout {
	width: 100%;
	background-color: #E9E9E9;	
}
.x-table-layout-cell {
	vertical-align: top;
	background-color: white;		
}
.x-hidden
{
	visibility: hidden; 
	display: none;
}

OL.x-default { 
        list-style-type: decimal; 
        list-style-position: inside; 
        list-style-image: none; 
        padding-left: 30px; 
}

h3.top10-header {
	padding-left: 5px;
	color: red;		
}

TR.emptyline {
	padding: 20px;
}

table.top10 {
	padding: 20px 5px 10px 5px;
}

table.top10 td{
	vertical-align: top;
}

td.contactgegevens {
	vertical-align: bottom;
	padding: 10px 10px 10px 10px;
	height: 100px;
	width: 195px;
}


.logo{
	padding: 10px 25px 10px 25px;
	margin: 0px;
}

.logotekst{
	padding: 10px 25px 10px 25px;
	margin: 0px;
}


.actionbuttons .x-panel-body {
		padding: 10px 10px 10px 10px;
}

.x-panel #casecard{
		border: 1px solid #99BBE8;	
}

.search-item {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    padding:3px 10px 3px 10px;
    border:1px solid #fff;
    border-bottom:1px solid #eeeeee;
    white-space:normal;
    color:#555;
}
.search-item h3 {
    display:block;
    font:inherit;
    font-weight:bold;
    color:#222;
}

.search-item h3 span {
    float: right;
    font-weight:normal;
    margin:0 0 5px 5px;
    width:100px;
    display:block;
    clear:none;
}
#search-results a {
    color: #385F95;
    font:bold 11px tahoma, arial, helvetica, sans-serif;
    text-decoration:none;
}
#search-results a:hover {
    text-decoration:underline;
}
#search-results .search-item {
    padding:5px;
}
#search-results p {
    margin:3px !important;
}
#search-results {
    border-bottom:1px solid #ddd;
    margin: 0 1px;
    height:300px;
    overflow:auto;
}
#search-results .x-toolbar {
    border:0 none;
}

.case-detail {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    padding:3px 10px 3px 0px;
    border:1px solid #fff;
    border-bottom:1px solid #eeeeee;
    white-space:normal;
    color:#555;
}

.case-detail h3 {
    display:block;
    font:inherit;
    font-weight:bold;
    color:#222;
}

.case-detail h3 span {
    float: right;
    font-weight:normal;
    margin:0 0 5px 5px;
    width:160px;
    display:block;
    clear:none;
}


.x-view-over
{
	background-color:#D0DEF0;
	cursor: pointer;
}

#jaar
{
	visibility:hidden;
}

/**---------------------------------------------------------------
*** IE8 override fixes                                                     
***---------------------------------------------------------------*/
.x-form-text, .ext-ie .x-form-text, .ext-ie .x-form-file {
    height:22px;
    line-height:18px;
    margin: 0px 0px;
    vertical-align:middle;
}

.ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
    margin:-1px 0; /* ie bogus margin bug */
    height:22px; /* ie quirks */
    line-height:18px;
}

.ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
    margin:-1px 0; /* ie bogus margin bug */
}

.jaarknop
{
	float:left;
	border: 1px;
	border-style:solid;
	padding:2px;
	margin: 5px;
	cursor:pointer;
}

.jaarknop_huidigjaar
{
	float:left;
	border: 1px;
	border-style:solid;
	border-color:black;
	color:red;
	font-weight:bold;
	padding:2px;
	margin: 5px;
	cursor:default;
}