body { margin: 0px; padding: 0px; color: #333; font-size: 12px; font-family: Verdana, Sans-Serif; background: #98d6ed url(/resources/img/site-background.gif) repeat-y 50% 0%; }
img { border: none; }

.clear { clear: both; }
.error { color: red; }

.login-container { width: 994px; margin: 0px auto; }
.login-container .header { height: 108px; background: #fff url(/resources/img/header-background.jpg) no-repeat 100% 0%; }
.login-container .header .logotype { float: left; width: 212px; height: 108px; display: block; border: none; }
.login-container .header .title { float: left; width: 754px; height: 70px; font-size: 18px; font-weight: bold; line-height: 70px; padding: 0 14px; }
.login-container .content { padding: 10px; }
.login-container .content h1 { font-size: 18px; }
.login-container .content .accountInfo { padding: 10px; margin-bottom: 10px; background-color: #f0f0f0; border: 1px solid #ccc; }
.login-container .content .accountInfo p { margin: 0px 0px 10px 0px; padding: 0px; }
.login-container .content .accountInfo label { display: block; margin-bottom: 3px; }
.login-container .content .accountInfo label.inline { display: inline; }

.horizontal-menu { float: left; width: 472px; height: 38px; margin: 0px; padding: 0px 14px; list-style: none; display: block; }
.horizontal-menu li { float: left; height: 38px; line-height: 38px; padding: 0 10px; background: transparent url(/resources/img/dot.gif) no-repeat scroll left 15px; }
.horizontal-menu li a { padding: 0px 3px; color: #00529c; text-transform: uppercase; font-size: 11px; font-weight: bold; text-decoration: none; }
.horizontal-menu li a:hover { text-decoration: underline; }

.site-container { width: 994px; margin: 0px auto; }
.site-container .header { height: 108px; background: #fff url(/resources/img/header-background.jpg) no-repeat 100% 0%; }
.site-container .header .logotype { float: left; width: 212px; height: 108px; display: block; }
.site-container .header .logotype img { border: none; }
.site-container .header .title { float: left; width: 754px; height: 70px; font-size: 18px; font-weight: bold; line-height: 70px; padding: 0 14px; }
.site-container .header .user-status { float: right; width: 262px; height: 38px; margin: 0px; padding: 0px 10px; list-style: none; display: block; }
.site-container .header .user-status li { float: right; height: 38px; line-height: 38px; padding: 0 10px; background: transparent url(/resources/img/dot.gif) no-repeat scroll left 15px; }
.site-container .header .user-status li.text { background: none; }
.site-container .header .user-status li a { padding: 0px 3px; color: #00529c; text-transform: uppercase; font-size: 11px; font-weight: bold; text-decoration: none; }
.site-container .header .user-status li a:hover { text-decoration: underline; }
.site-container .content { padding: 10px; }

.user-list h1 { font-size: 18px; }
.user-list .password-reset-notification { padding: 5px; height: 48px; margin: 10px 0 10px 0; background-color: #f0f0f0; border: 1px solid #ccc; }
.user-list .password-reset-notification .icon { float: left; }
.user-list .password-reset-notification .message { float: left; height: 36px; line-height: 18px; padding: 6px 20px; }
.user-list .create-user { padding: 5px; margin-top: 10px; background-color: #f0f0f0; border: 1px solid #ccc; }
.user-list .create-user td { padding: 2px; }
.user-list .create-user td.title { padding: 2px 5px; text-align: right; }
.user-list .create-user td.data { width: 235px; padding: 2px; text-align: left; vertical-align: top; background-color: #e6e6e6; font-weight: normal; color: #555; }
.user-list .create-user td.data input { width: 231px; }
.user-list .grid { width: 100%; background-color: #f0f0f0; border: 1px solid #ccc; }
.user-list .grid .grid-header { text-align: left; height: 30px; background: url("/resources/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #F6A828; }
.user-list .grid .odd { background-color: #e6e6e6; }
.user-list .grid tr.grid-header th { padding: 3px; }
.user-list .grid td { padding: 3px; height: 22px; }
.user-list .grid td.buttons { width: 50px; }
.user-list .grid td.username { width: 90px; }
.user-list .grid td.company { width: 150px; }
.user-list .grid td.company input { width: 140px; }
.user-list .grid td.email { width: 250px; }
.user-list .grid td.email input { width: 240px; }
.user-list .grid td.comment { }
.user-list .grid td.comment input { width: 240px; }
.user-list .grid td.roles { width: 90px; }
.user-list .grid td.roles select { width: 80px; }
.user-list .grid td.status { width: 50px; }

.statistics-overview { padding: 0px; }
.statistics-overview table { width: 100%; background-color: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px; }
.statistics-overview td { padding: 3px 5px;border-spacing: 2px; }
.statistics-overview td.title { background-color: #e6e6e6; }
.statistics-overview td.data { text-align: center; font-weight: bold; color: #555; background-color: #e6e6e6;}

.object-listing h1 { font-size: 18px; }
.object-listing .filter { padding: 10px; margin-bottom: 10px; background-color: #f0f0f0; border: 1px solid #ccc; }
.object-listing .grid { width: 100%; background-color: #f0f0f0; border: 1px solid #ccc; }
.object-listing .grid .grid-header { text-align: left; height: 30px; background: url("/resources/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #F6A828; }
.object-listing .grid .grid-header a { color: black; text-decoration: none; }
.object-listing .grid .grid-header a:hover { text-decoration: underline; }
.object-listing .grid td { padding: 3px; }
.object-listing .grid .even {  }
.object-listing .grid .odd { background-color: #e6e6e6; }

.object-details h1 { font-size: 18px; }
.object-details .metadata { padding: 5px; margin-bottom: 10px; background-color: #f0f0f0; border: 1px solid #ccc; }
.object-details .metadata table { width: 100%; }
.object-details .metadata td { padding: 2px; }
.object-details .metadata td.title { padding: 2px 5px; text-align: right; }
.object-details .metadata td.data { width: 235px; padding: 3px 5px; text-align: left; vertical-align: middle; background-color: #e6e6e6; font-weight: bold; color: #555; }
.object-details .metadata.editable td.data { vertical-align: top; padding: 2px 2px; font-weight: normal; }
.object-details .metadata td.data input { width: 231px; }
.object-details .metadata td.data select { width: 231px; }
.object-details .metadata div.save-notification { float: left; margin-top: 10px; }
.object-details .metadata div.save-notification img { float: left; }
.object-details .metadata div.save-notification span { float: left; display: block; padding: 0px 5px; height: 24px; line-height: 24px; font-weight: bold; color: Green; }
.object-details .metadata input.delete-button { float: right; margin-top: 10px; }
.object-details .metadata input.save-button { float: right; margin-top: 10px; }

.object-details .document { padding: 5px; margin-bottom: 10px; background-color: #f0f0f0; border: 1px solid #ccc; }
.object-details .document .empty { display: inline; }
.object-details .document .empty img { vertical-align: middle; }
.object-details .document .empty span { vertical-align: middle; }
.object-details .document a { text-decoration: none; }
.object-details .document a img { vertical-align: middle; }
.object-details .document a span { vertical-align: middle; font-weight: bold; }
.object-details .document a span:hover { text-decoration: underline; }
.object-details .document .input { float: right; }

.object-details .event-year-selection { margin: 15px 0 5px 0; }
.object-details .events { border: 1px solid #ccc; background-color: #f0f0f0; margin-bottom: 10px; }
.object-details .events .grid { width: 100%; }
.object-details .events .grid tr.grid-header { text-align: left; height: 30px; background: url("/resources/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #F6A828; }
.object-details .events .grid tr.even {  }
.object-details .events .grid tr.odd { background-color: #e6e6e6; }
.object-details .events .grid tr.grid-header th { padding: 3px; }
.object-details .events .grid td { padding: 3px; height: 22px; }
.object-details .events .grid td.buttons { width: 50px; }
.object-details .events .grid td.week { width: 50px; }
.object-details .events .grid td.scheduled { width: 100px; }
.object-details .events .grid td.scheduled input { width: 90px; }
.object-details .events .grid td.supervised { width: 100px; }
.object-details .events .grid td.supervised input { width: 90px; }
.object-details .events .grid td.action { width: 125px; }
.object-details .events .grid td.action select { width: 115px; }
.object-details .events .grid td.suborder { width: 50px; text-align: left; }
.object-details .events .grid td.m2 { width: 50px; }
.object-details .events .grid td.m2 input { width: 40px; }
.object-details .events .grid td.comments input { width: 150px; }
.object-details .events .grid td.reported { width: 100px; text-align: left; }
.object-details .events .grid td.signature { width: 100px; }
.object-details .events .grid td.signature input { width: 90px; }
.object-details .events .add { padding: 3px; background-color: #e0e0e0; }
.object-details .events .add h4 { margin: 7px 0 7px 0; }

.schedule h1 { font-size: 18px; }
.schedule .filter { padding: 10px; margin-bottom: 10px; background-color: #f0f0f0; border: 1px solid #ccc; }
.schedule .events { border: 1px solid #ccc; background-color: #f0f0f0; margin-bottom: 10px; }
.schedule .events .grid { width: 100%; }
.schedule .events .grid tr.grid-header { text-align: left; height: 30px; background: url("/resources/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #F6A828; }
.schedule .events .grid tr.light-0 {  }
.schedule .events .grid tr.dark-0 { background-color: #e6e6e6; }
.schedule .events .grid tr.light-1 { background-color: #f3f2e2; }
.schedule .events .grid tr.dark-1 { background-color: #e2e0ce; }
.schedule .events .grid tr.light-2 { background-color: #d9e9ce; }
.schedule .events .grid tr.dark-2 { background-color: #cbdfbe; }
.schedule .events .grid tr.light-3 { background-color: #f2d5ce; }
.schedule .events .grid tr.dark-3 { background-color: #e0bfb7; }
.schedule .events .grid tr.light-4 { background-color: #f2dff4; }
.schedule .events .grid tr.dark-4 { background-color: #e3cbe6; }
.schedule .events .grid tr.light-5 { background-color: #d9edf2; }
.schedule .events .grid tr.dark-5 { background-color: #c1e0e9; }
.schedule .events .grid tr.grid-header th { padding: 3px; }
.schedule .events .grid td { padding: 3px; height: 22px; }
.schedule .events .grid td.status { width: 30px; }
.schedule .events .grid td.week-number { width: 50px; }
.schedule .events .grid td.week-day { width: 50px; }
.schedule .events .grid td.scheduled { width: 100px; }
.schedule .events .grid td.supervised { width: 100px; }
.schedule .events .add { padding: 3px; background-color: #e0e0e0; }

.grid-container { border: 1px solid #ccc; background-color: #f0f0f0; margin-bottom: 10px; }
.grid-container .grid { width: 100%; }
.grid-container .grid tr.grid-header { text-align: left; height: 30px; background: url("/resources/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #F6A828; }
.grid-container .grid tr.even {  }
.grid-container .grid tr.odd { background-color: #e6e6e6; }
.grid-container .grid tr.grid-header th { padding: 3px; }
.grid-container .grid td { padding: 3px; height: 22px; }
.grid-container .grid td.buttons { width: 50px; }
.grid-container .grid td.signature-id { width: 130px; }
.grid-container .grid td.signature-name {}
.grid-container .grid td.signature-name input { width: 300px; }
.grid-container .add { padding: 3px; background-color: #e0e0e0; }
.grid-container .add h4 { margin: 7px 0 7px 0; }

.signatures {}
.settings {}

.police-report {}
.police-report fieldset { margin-bottom: 10px;background-color: #f5f5f5;}
.police-report legend { font-weight: bold;}
.police-report label {padding: 1px 2px; display: block;}
.police-report div {float: left;margin-right: 10px;}
.police-report .crime-scene { width: 424px; }
.police-report .reference-number { width: 205px; }
.police-report .reference-description { width: 205px; }
.police-report .week-number { width: 60px; }
.police-report .date { width: 350px; }
.police-report .square-meters { width: 200px; }
.police-report .action-taken { width: 210px; }
.police-report .plaintiff-company { width: 360px; }
.police-report .plaintiff-orgno { width: 120px; }
.police-report .plaintiff-address { width: 495px; }
.police-report .plaintiff-postalcode { width: 100px; }
.police-report .plaintiff-postalregion { width: 380px; }
.police-report .reporter { width: 360px; }
.police-report .signature-id { width: 60px; }
.police-report .signature-name { width: 300px; }
.police-report .email { width: 740px; }
.police-report .subject { width: 740px; }
.police-report .image-count { margin-top: 15px; }